1. ホーム
  2. javascript

[解決済み] null のプロパティ 'getHostNode' を読み取ることができません。

2022-03-08 09:13:49

質問

Horizon/reactのアプリにreact routerを使用し、アプリ内に簡単なボタンを設置しています。

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

クリックすると、以下のような例外が発生します。

Uncaught TypeError: Cannot read property 'getHostNode' of null

エラーが発生するのは

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

なぜこのような現象が起こるのか、何か心当たりはありますか?

解決方法は?

私も同じような問題に直面していました。私の場合、生成されたdomからコメントを削除するhighlighthjsであることが判明した。

テキストについては、React15では、spanタグの代わりにreactidでコメントを追加している、ということです。

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

こんな感じで試してみてはいかがでしょうか?

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

これにより、生成された DOM には、適切な data-reactid 属性で指定します。

私はreact-routerに問題を提出します。おそらく彼らは内部でそれを行うことができるので、あなたはそれについて悩む必要はないでしょう。しかし、Linkの子は基本的に何でも良いので、それには課題があります。