[解決済み] 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の子は基本的に何でも良いので、それには課題があります。
関連
-
[解決済み] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングした
-
[解決済み】BootstrapのCollapseが折りたたまれない
-
[解決済み】PhantomJS 2.1.1を使用してReactJSアプリケーションをレンダリングできない理由とは?
-
[解決済み] null のプロパティ 'addEventListener' を読み取ることができません。
-
[解決済み] JavaScriptで空文字列/未定義文字列/null文字列をチェックするにはどうすればよいですか?
-
[解決済み] JavaScriptでNULL、未定義、空白の変数をチェックする標準的な関数はありますか?
-
[解決済み] 変数が「未定義」または「NULL」であるかどうかを判断するにはどうすればよいですか?
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
-
[解決済み】未定義のオブジェクトプロパティを検出する
-
[解決済み】Google MAP API Uncaught TypeError: nullのプロパティ'offsetWidth'を読み取れませんでした。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】BootstrapのCollapseが折りたたまれない
-
[解決済み】別のjsファイル内でJavaScriptの関数を呼び出す
-
[解決済み】WebpackとBabelで「このファイルタイプを扱うには適切なローダーが必要な場合があります。
-
[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか?どんなときに推奨されるのか/どんな使用例が考えられるのか?
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み】Vueが定義されていない