SPA 中的按鈕與鏈接，例如 React

Question

我應該在 SPA 應用程序中使用哪個？ 考慮用戶體驗。

我使用 React 設計了一些個人規則的應用程序，但哪一種是正確的使用方式？

按鈕：

• 對於小動作（關閉工具提示、通知徽章...）
• 帶表格
• 當您無需擔心事件流時

鏈接

• 更改路線/頁面
• 錨鏈接
• 文本內鏈接

就像我說的，在這里混淆以區分每個的用途和目的。

Answer 1

通常，我的區別因素是按鈕執行操作，而鏈接將您導航到網站的不同部分，通常可以使用后退按鈕撤消。

一些常見的按鈕：

• 保存按鈕（在表單上）
• 發布您的答案（堆棧溢出問題答案）
• 登錄
• 發送電子郵件

一些常見的鏈接：

• 主頁，個人資料（臉書）
• 問題（堆棧溢出）
• 通知（推特）
• 流行（reddit）

作為要使用的指標，我通常喜歡問我正在做的事情是否可以通過瀏覽器上的后退按鈕撤消。 您不能“返回按鈕”登錄請求或推文，但您可以“返回按鈕”導航到您在 facebook 上的個人資料或 reddit 上的鏈接。