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

标签 javascript reactjs components

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

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

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

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

我读过的所有教程都使用不同于 <a> 的其他元素。 - 可点击 <span> , <div>等,但我想使用 <a> .

最佳答案

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

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

关于javascript - 如何使用 onClick 处理程序在 React 组件中创建链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36641959/

相关文章:

javascript - 如果输入为空,则阻止 ajax 调用

javascript - Twitter Bootstrap Modal 停止 Youtube 视频

javascript - 执行两个函数返回render React

javascript - React router + redux 向后导航不调用 componentWillMount

javascript - 在 setTimeout 后 React-Native 推送到其他路由

java - 如何请求JWindow临时焦点? (Java 1.7)

javascript - 单击时如何更改文本的颜色

Javascript - 如何正确验证表单数据?

c++ - 如何从 C/C++ 项目创建运行时组件

delphi - delphi 的密码强度计组件