javascript - 无法读取 null 的属性 'getHostNode'

Question

我有一个带 React 路由器的地平线/React 应用程序，我的应用程序中有一个简单的按钮:

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

当我点击它时，出现以下异常:

Uncaught TypeError: Cannot read property 'getHostNode' of null

错误来自:

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

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

Answer 1

我遇到了类似的问题。事实证明，在我的例子中，是 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 提出问题，也许他们可以在内部这样做，这样你就不必为它操心了。但这也存在挑战，因为 Link child 基本上可以是任何东西。