我有一个带有react路由的horizon/react应用程序,我的应用程序中有一个简单的按钮:

<Link className="dark button" to="/">Another Search</Link>

当我点击它时,我得到以下异常:

Uncaught TypeError: Cannot read property 'getHostNode' of null

错误来自:

getHostNode: function (internalInstance) {
    return internalInstance.getHostNode();
},

知道我为什么会收到这个吗?

推荐答案

我也面临着类似的问题.事实证明,在我的例子中,是highlighthjs从生成的dom中删除注释.

对于文本,React 15使用reactid而不是span标记添加注释,如所示:

<!-- react-text: 248-->
Another Search
<!--/react-test-->

你能试试这样的吗?

<Link className="dark button" to="/"><span>Another Search</span></Link>

这将迫使生成的DOM包含具有适当data-reactid属性的跨度.

我会向react router提交一个问题,也许他们可以在内部这样做,这样你就不用担心了.但这也带来了挑战,因为链接子元素基本上可以是任何东西.

Reactjs相关问答推荐

使用包装器组件时useState onChange的问题

useLazyQuery不会更新所有组件之间的数据

呈现组件元素(MAP)中的问题

通过单击具有此值的按钮将值添加到数组对象键

为什么我的react虚拟化列表不显示滚动条,除非我确保高度低于rowCount*rowHeight?

如何在中间件中获取 nextAuth 会话

useEffect 和 ReactStrictMode

在Vite React上获取Amplify的环境变量

在遵循 react-navigation 的官方文档时收到警告消息

React 组件列表中的第一个计时器正在获取值 NaN

臭名昭著的测试未包含在 act(...) 中

Redux Toolkit 配置,是否适用于全栈应用程序?

如何在同一路由路径上重新渲染组件(链接,V6)reactjs

如何在 React Native 中更新跨屏幕呈现的上下文状态变量?

null 不是对象(判断RNSound.IsAndroid)

docker:来 automorphic 护进程的错误响应:未指定命令.的原因是什么?

刷新页面时状态改变问题

用 scss 覆盖 MUI

在视图列表上react 本机无限循环的反弹动画?

试图将页面限制为仅登录但有条件的用户似乎永远不会运行