javascript-SPA中的按钮Vs链接,例如React

我应该在SPA应用程序中使用哪一个?考虑用户体验.

我已经使用React结合一些个人规则设计了我的应用程序,但是哪种方法是正确的使用方式?

纽扣:

>对于小动作(关闭工具提示,通知徽章…)
>与表格
>当您无需担心事件流时

链接

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

就像我说的,在这里要混淆以区分每个人的用途和目的.

解决方法:

通常,我的主要特点是Buttons执行操作,而Links则将您导航到网站的其他部分,通常无法使用back按钮将其撤消.

一些常见的按钮:

>“保存”按钮(在表单上)
>发表您的答案(堆栈溢出问题答案)
>登录
>发送电子邮件

一些常见链接:

>主页,个人资料(facebook)
>问题(堆栈溢出)
>通知(推特)
>热门(reddit)

作为要使用的度量标准,我通常想问一下我正在做的事情是否可以通过浏览器上的“后退”按钮撤消.您不能“后退按钮”登录请求或鸣叫,但可以“后退按钮”导航到Facebook上的个人资料或reddit上的链接.

上一篇:javascript-如何重播鼠标坐标列表以反映输入它们的节奏?


下一篇:javascript-如何在React错误边界中使用自定义错误类型?