Button Vs SPA中的链接,例如React

时间:2018-01-24 22:53:54

标签: javascript html5 reactjs dom single-page-application

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

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

按钮:

  • 对于小动作(关闭工具提示,通知徽章......)
  • 使用表格
  • 当您不需要担心事件流程时

链接

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

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

1 个答案:

答案 0 :(得分:3)

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

一些常见的按钮:

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

一些常见链接:

  • 主页,个人资料(脸谱)
  • 问题(堆栈溢出)
  • 通知(twitter)
  • 热门(reddit)

作为一个可以使用的指标,我通常想问一下,我所做的事情是否可以通过浏览器上的后退按钮撤消。你不能回按钮"登录请求或推文,但你可以"返回按钮"导航到Facebook上的个人资料或reddit上的链接。