React Warning.js - エラーの原因となったコードの場所を特定する方法は？

React warning.jsでは、問題の内容を示すエラーメッセージが表示されますが、スタックトレースは下の例のように問題とはまったく関係していないようです。問題の原因となっている行番号またはファイルを取得する方法はありますか？React Warning.js - エラーの原因となったコードの場所を特定する方法は？

警告：の不明なDOMプロパティ。あなたがhtmlForを意味したwarning.js @警告8a56：？？45warnUnknownProperty @ DOMPropertyOperations.js 930E：？68DOMPropertyOperations.createMarkupForProperty @ DOMPropertyOperations.js 930E：？115ReactDOMComponent.Mixin._createOpenTagMarkupAndPutListeners @ ReactDOMComponent.js 1302：？548ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent .js？1302：478ReactReconciler.mountComponent @ ReactReconciler.js？6bfa：37obj。（無名関数）@ backend.js：8386ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js？c87d：241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js？1302： 591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js 1302：？479ReactReconciler.mountComponent @ ReactReconciler.js 6bfa：？。37obj（匿名関数）backend.js @：8386ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js c87d：？241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js？1302：591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js？1302：479ReactReconciler.mountComponent @ ReactReconciler.js？6bfa：37obj。（匿名関数）@ backend.js：8386ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js？c87d：241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js？1302：591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent。 js？1302：479ReactReconciler.mountComponent @ ReactReconciler.js？6bfa：37obj。（匿名関数）@ backend.js：8386ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js？c87d：241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js？1302：591ReactDOMComponent .Mixin.mountComponent @ ReactDOMComponent.js？1302：479ReactReconciler.mountComponent @ ReactReconciler.js？6bfa：37obj。（匿名関数）@ backend.js：8386ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js？c87d：241ReactDOMComponent.Mixin._createContentMarkup @ ReactDOMComponent.js？1302：591ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js？1302：479ReactReconciler.mountComponent @ ReactReconciler.js？6bfa：37obj。（匿名関数）@ backend.j （匿名関数）@ backend.js：8386ReactMultiChild.Mixin._mountChildByNameAtIndex @ ReactMultiChild.js（Reason）：ReactReconciler.js？ReactReconciler.js？Re：ReactReconciler.js？？c87d：474ReactMultiChild.Mixin._updateChildren @ ReactMultiChild.js？c87d：378ReactMultiChild.Mixin.updateChildren @ ReactMultiChild.js？c87d：326ReactDOMComponent.Mixin._updateDOMChildren @ ReactDOMComponent.js？1302：871ReactDOMComponent.Mixin.updateComponent @ ReactDOMComponent.js？1302 ：ReactDomComponent.js？ReactChildReconciler.js？ReactReconciler.js？6bfa：87obj。（匿名関数）@ backend.js：8386ReactChildReconciler.updateChildren @ ReactChildReconciler.js？ff46：84ReactMultiChild.Mixin._reconcilerUpdateChildren @ ReactMultiChild.js？c87d：216ReactMultiChild.Mixin._updateChildren @ ReactMultiChild.js？c87d：351ReactMultiChild.Mixin.updateChildren @ R eactMultiChild.js？c87d：326ReactDOMComponent.Mixin._updateDOMChildren @ ReactDOMComponent.js？1302：871ReactDOMComponent.Mixin.updateComponent @ ReactDOMComponent.js？1302：700ReactDOMComponent.Mixin.receiveComponent @ ReactDOMComponent.js？1302：645ReactReconciler.receiveComponent @ ReactReconciler.js？ 6bfa：87obj。（無名関数）@ backend.js：8386ReactChildReconciler.updateChildren @ ReactChildReconciler.js？ff46：84ReactMultiChild.Mixin._reconcilerUpdateChildren @ ReactMultiChild.js？c87d：216ReactMultiChild.Mixin._updateChildren @ ReactMultiChild.js？c87d：351ReactMultiChild.Mixin .updateChildren @ ReactMultiChild.js？c87d：326ReactDOMComponent.Mixin._updateDOMChildren @ ReactDOMComponent.js？1302：871ReactDOMComponent.Mixin.updateComponent @ ReactDOMComponent.js？1302：700ReactDOMComponent.Mixin.receiveComponent @ ReactDOMComponent.js？1302：645ReactReconciler.receiveComponent @ ReactReconciler .js？6bfa：87obj。（無名関数）@ backend.js：8386ReactChildReconciler.updateChildren @ ReactChildReconci ？ler.js ff46：84ReactMultiChild.Mixin._reconcilerUpdateChildren @ ReactMultiChild.js c87d：？216ReactMultiChild.Mixin._updateChildren @ ReactMultiChild.js c87d：？351ReactMultiChild.Mixin.updateChildren @ ReactMultiChild.js c87d：？326ReactDOMComponent.Mixin._updateDOMChildren @ ReactDOMComponent。 js？1302：871ReactDOMComponent.Mixin.updateComponent @ ReactDOMComponent.js？1302：700ReactDOMComponent.Mixin.receiveComponent @ReactDOMComponent.js？1302：645ReactReconciler.receiveComponent @ ReactReconciler.js？6bfa：87obj。（匿名関数）@ backend.js：8386ReactCompositeComponentMixin._updateRenderedComponent @ ReactCompositeComponent.js？cd59：562ReactCompositeComponentMixin._performComponentUpdate @ ReactCompositeComponent .js？cd59：544ReactCompositeComponentMixin.updateComponent @ReactCompositeComponent.js？cd59：473wrapper @ ReactPerf.js？ef93：66ReactCompositeComponentMixin.receiveComponent @ReactCompositeComponent.js？cd59：405ReactReconciler.receiveComponent @ ReactReconciler.js？6bfa：87obj。（無名関数）@ backend.js：8386ReactCompositeComponentMixin._updateRenderedComponent @ ReactCompositeComponent.js CD59：？？562ReactCompositeComponentMixin._performComponentUpdate @ ReactCompositeComponent.js CD59：？544ReactCompositeComponentMixin.updateComponent @ ReactCompositeComponent.js CD59：？473wrapper @ ReactPerf.js ef93：66ReactCompositeComponentMixin.receiveComponent @ ReactCompositeComponent.js？cd59：405ReactReconciler.receiveComponent @ ReactReconciler.js？6bfa：87obj。（匿名関数）@ backend.js：8386ReactCompositeComponentMixin._updateRenderedComponent @ ReactCompositeComponent.js？cd59：562ReactCompositeComponentMixin._performComponentUpdate @ ReactCompositeComponent.js？cd59：544ReactCompositeComponentMixin。 @ ReactCompositeComponent.js？cd59：473wrapper @ ReactPerf.js？ef93：66ReactCompositeComponentMixin.receiveComponent @ReactCompositeComponent.js？cd59：405ReactReconciler.receiveComponent @ ReactReconciler.js？6bfa：87obj。（無名関数）@ backend.js：8386ReactCompositeComponentMixin._updateRenderedComponent @ ReactCompositeComponent.js？cd59：562ReactCompositeComponentMixin._performComponentUpdate @ReactCompositeComponent.js？cd59：544ReactCompositeComponentMixin.updateComponent @ ReactCompositeComponent.js？cd59：473wrapper @ ReactPerf.js？ef93：66ReactCompositeComponentMixin.receiveComponent @ ReactCompositeComponent.js？cd59：405Reac tReconciler.receiveComponent @ ReactReconciler.js 6bfa：？87obj（匿名関数）backend.js @：？8386ReactCompositeComponentMixin._updateRenderedComponent @ ReactCompositeComponent.js CD59：562ReactCompositeComponentMixin._performComponentUpdate @ ReactCompositeComponent.js CD59：？？544ReactCompositeComponentMixin.updateComponent @ ReactCompositeComponent.js CD59 ：473wrapper @ ReactPerf.js？ef93：66ReactCompositeComponentMixin.performUpdateIfNecessary @ ReactCompositeComponent.js？cd59：421ReactReconciler.performUpdateIfNecessary @ ReactReconciler.js？6bfa：102obj。（匿名関数）@ backend.js：8386runBatchedUpdates @ ReactUpdates.js？ce09：129Mixin。 @ Transaction.js？6dff：136Mixin.perform @ Transaction.js？6dff：136assign.perform @ ReactUpdates.js？ce09：86flushBatchedUpdates @ ReactUpdates.js？ce09：147wrapper @ ReactPerf.js？ef93：66Mixin.closeAll @ Transaction。 js？6dff：202Mixin.perform @ Transaction.js？6dff：149ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js？ef70：62bat ？chedUpdates @ ReactUpdates.js ce09：94ReactEventListener.dispatchEvent @ ReactEventListener.js 2365：？204

出典

2016-11-21 Dobler

ないスタックトレースに問題が（多分欠けているソースマップまたは類似したもの）ですが、JSXで 'for'の代わりに、' htmlFor'を使用のように、それが思われるものを確認してください。したがって、 'for ='を再帰的に検索すると、少なくとも問題の場所がわかるはずです。なぜスタックトレースが奇妙なのかを知ることができます。 – inyono

警告：について不明なDOMプロパティ。あなたはhtmlForを意味しましたか？

非常に最初の行は、あなたが知る必要があるすべてを告げる：あなたのJSXのどこかでは、あなたがforを使用しているファイルが、JSXであなたの代わりにhtmlForを使用する必要があります。

例：

<div> 
    <label htmlFor="name">Enter your name: </label> 
    <input type="text" id="name" /> 
</div>

出典

2016-12-29 20:41:58

React Warning.js - エラーの原因となったコードの場所を特定する方法は？

答えて

関連する問題