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

标签 javascript html reactjs dom single-page-application

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

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

按钮:

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

链接

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

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

最佳答案

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

一些常用的按钮:

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

一些常用链接:

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

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

关于javascript - SPA 中的按钮与链接,例如 React,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48433042/

相关文章:

javascript - 带有可调整大小元素的 HTML 拖放仪表板

javascript - 错误 : Unable to resolve module `@react-native-community/toolbar-android`

javascript - Saga Redux 不在 post 中发送参数

javascript - 拥有父元素时如何包装元素?

javascript - Javascript 的正面回顾

javascript - 隐藏在phonegap中启动的软键盘android应用程序

javascript - Three.js 雾,最大不透明度

javascript - 如何使用 "fixed" header 使 anchor 标记直接指向页面上的正确位置?

php - 如何根据重新调整浏览器大小使图像缩小和增大。

javascript - 如何通过react在express上向mailchimp发送post请求