SPA 中的按钮与链接，例如 React

Question

我应该在 SPA 应用程序中使用哪个？ 考虑用户体验。

我使用 React 设计了一些个人规则的应用程序，但哪一种是正确的使用方式？

按钮：

• 对于小动作（关闭工具提示、通知徽章...）
• 带表格
• 当您无需担心事件流时

链接

• 更改路线/页面
• 锚链接
• 文本内链接

就像我说的，在这里混淆以区分每个的用途和目的。

Answer 1

通常，我的区别因素是按钮执行操作，而链接将您导航到网站的不同部分，通常可以使用后退按钮撤消。

一些常见的按钮：

• 保存按钮（在表单上）
• 发布您的答案（堆栈溢出问题答案）
• 登录
• 发送电子邮件

一些常见的链接：

• 主页，个人资料（脸书）
• 问题（堆栈溢出）
• 通知（推特）
• 流行（reddit）

作为要使用的指标，我通常喜欢问我正在做的事情是否可以通过浏览器上的后退按钮撤消。 您不能“返回按钮”登录请求或推文，但您可以“返回按钮”导航到您在 facebook 上的个人资料或 reddit 上的链接。