无法读取null的属性'getHostNode'

Question

我有一个视觉/反应应用程序与反应路由器,我有一个简单的按钮在我的应用程序:

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

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

Uncaught TypeError: Cannot read property 'getHostNode' of null

错误来自:

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

知道为什么我得到这个？

Answer 1

我面临着类似的问题.事实证明,在我的情况下,突出显示从生成的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属性的span .

我会向react-router提出一个问题,也许他们可以在内部做到这一点,所以你不必为此烦恼.但是,由于Link儿童基本上可以做任何事情,因此存在挑战.

Answer 2

我在最近几天多次遇到这个问题(新的反应),几乎在所有情况下,都有一些语法/代码错误没有被其他地方捕获.一个例子:如果你写:

getInitialState() {
    showModal: false
},

代替:

getInitialState() {
    return {
        showModal: false
    };
},

你会收到这个错误.这是除非您的构建过程尚未捕获错误.希望这可以帮助某人(或者我自己在几天内Hi Niyaz, you are welcome!).