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

没有

URL

，使用onClick回调函数创建链接的正确/标准方法是什么

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

我读过的所有教程都使用了另一个元素，而不是

-可点击的

，

等。但是我想使用

href=“javascript:void（0）”
比
href=“#”
更好

href=“#”
将导致url更改。
您可以设置
光标：指针用于实现真实url链接行为的链接：）

点击我！
Eslint说要使用按钮：

[eslint]用作按钮的锚。锚主要用于导航。改为使用按钮元素。[错误]


{link[key]}
从“react router dom”导入{withRouter}；
从“../../components/CustomButtons/Button”导入按钮；
onRegister=（）=>{
this.props.history.push（'/signupAsTeacher'）；
};
联系我们
使用路由器导出默认值（functionName）；

您必须首先使用路由器导入。然后，您应该给出按钮单击事件的页面路径。最后一个是导出withRouter。
对于REACT中的锚标记，如果我们想使用onClick而不更改URL，那么可以使用以下方法

<a
    style={{ cursor:"pointer" }}
    href={null}
    onClick={() =>
                  this.toggleModal("Rental Objects With Current Rent")
                }
 >
Click Me
</a>

href=“javascript:void（0）”
如果使用linting将引发警告：
警告脚本URL是一种评估形式，无脚本URL
取决于您希望链接的位置。如果是用于内部应用程序导航，那么路由库可能会有一个
组件来为您执行此操作，否则您只能使用css将其样式设置为链接。但我还是建议制作一个独立的组件来实现这一点。
<a onClick={this.handleClick} style={{cursor: 'pointer'}}>click me!</a>

<button
    type="button"
    onClick={this.onBtnClick.bind(this, key)}
>
    {link[key]}
</button>

import { withRouter } from 'react-router-dom';
import Button from '../../components/CustomButtons/Button';

 onRegister = () => {
    this.props.history.push('/signupAsTeacher');
  };
<Button onClick={this.onRegister}> Contact Us </Button>

export default withRouter(functionName);

<a
    style={{ cursor:"pointer" }}
    href={null}
    onClick={() =>
                  this.toggleModal("Rental Objects With Current Rent")
                }
 >
Click Me
</a>

<a
        style={{ cursor:"pointer" }}
        href={void (0)}
        onClick={() =>
                      this.toggleModal("Rental Objects With Current Rent")
                    }
     >
    Click Me
    </a>

a:not([href]):not([tabindex]){
  cursor: pointer;
  color: #0086ce;
}