Reactjs 如何删除整页重新加载

我在react组件的返回部分中有一个a链接 我点击整个页面重新加载的链接。我不要整页 重新加载。我怎样才能纠正这个问题

        const Tester = () => {
          ...
          ...
          ...
          
          if (showComponent) {
            return (
              <div className={classes.root}>
                <div className={classes.messageWrap}>                 
                  <a
                    href=''
                    onClick={() => toggle()}
                    className={classes.messageText}
                  >
                    {userType}
                  </a>        
                </div>
              </div>
            )
          }
          return null
        }

const测试仪=（）=>{
...
...
...
if（显示组件）{
返回(
)
}
返回空
}

您的单击处理程序将收到一个

事件

参数。通过分别调用

event.stopPropagation（）

和

event.preventDefault（）

，可以防止事件向上传播和/或防止默认行为（在本例中为导航）

const handleClick=e=>{
e、 预防默认值（）；
//做其他事情。
}

但是，我建议，如果您不使用

导航，那么它在语义上更有意义

consthandleclick=（）=>{
//做一些事情。不需要对抗默认的浏览器行为。
}
...

当我应用它时，我收到一条错误消息，说“参数e隐式地有一个任意类型”，这是一个typescript问题，而不是javascript问题。如果你使用typescript，你必须声明

e

参数的类型。这是正确的。我使用了typescript，我修复了这个问题。