如何使用 onClick 处理程序在 React 组件中创建链接?

新手上路,请多包涵

如何在没有 URL 的情况下使用 onClick 回调函数创建链接的正确/标准方法是什么?

 <a href="#" onClick={this.handleClick}>click me!</a>

或没有 href ,但链接无法在视觉上点击:

 <a onClick={this.handleClick}>click me!</a>

All tutorials, I have read, work with another element than <a> - clickable <span> , <div> etc. but I would like to use <a>

原文由 Artegon 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 310
1 个回答

您可以为链接设置 cursor: pointer; 以实现真实 url 链接的行为:)

 <a onClick={this.handleClick} style={{cursor: 'pointer'}}>click me!</a>

原文由 1ven 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题