我正在try 使我的标题可点击导航到主页,但下面的代码不起作用,我相信应该有一个非常简单的方法来做到这一点.

const Header = () => {
  const navigate = useNavigate()

  return (
    <div>
      <h1 className="font-weight-light display-1 text-center" onClick={navigate('/')}>
        The X app
      </h1>
    </div>
  )
}

推荐答案

React在每次渲染时执行navigate('/')(并将results指定给onClickprops )

这不是应该是onClick={() => navigate('/')}吗?

Javascript相关问答推荐

序列化我的数据并发送httpPost请求后,控制器收到空参数

React redux状态未在React-Router库中呈现

我不明白这个react 组件有什么问题

在HTML中使用脚本变量作为背景图像源

从连接字符串创建客户端时,NodeJS连接到CosmosDB失败

无法将nPM simplex-noise包导入在JS项目中工作

在贝塞尔曲线的直线上找不到交叉点:(使用@Pomax的bezier.js)

如何将Openjphjs与next.js一起使用?

阿波罗返回的数据错误,但在网络判断器中是正确的

查找最长的子序列-无法重置数组

使用原型判断对象是否为类的实例

如何使用TypeScrip设置唯一属性?

使用auth.js保护API路由的Next.JS,FETCH()不起作用

Jest toHaveBeenNthCalledWith返回当前设置的变量值,而不是调用时的值

回溯替代方式

如何在HTMX提示符中设置默认值?

try 将Redux工具包与MUI ToggleButtonGroup组件一起使用时出错

删除元素属性或样式属性的首选方法

用于测试其方法和构造函数的导出/导入类

我不知道如何纠正这一点.