反応インポート中のエラー

Question

反応中のコンポーネントをインポートしようとすると、次のエラーが発生します。

Uncaught TypeError: Cannot read property 'replaceChild' of null 
at Function.replaceChildWithTree (index_bundle.js:4067) 
at Object.dangerouslyReplaceNodeWithMarkup (index_bundle.js:21337) 
at Object.dangerouslyReplaceNodeWithMarkup [as replaceNodeWithMarkup] (index_bundle.js:7162) 
at ReactCompositeComponentWrapper._replaceNodeWithMarkup (index_bundle.js:22799) 
at ReactCompositeComponentWrapper._updateRenderedComponent (index_bundle.js:22789) 
at ReactCompositeComponentWrapper._performComponentUpdate (index_bundle.js:22739) 
at ReactCompositeComponentWrapper.updateComponent (index_bundle.js:22660) 
at ReactCompositeComponentWrapper.performUpdateIfNecessary (index_bundle.js:22576) 
at Object.performUpdateIfNecessary (index_bundle.js:4277) 
at runBatchedUpdates (index_bundle.js:1846) 

私の成分である：

import React from 'react' 


export default class NoticeCard extends React.Component { 


    render() { 
      return (
        <section className="centered white"> 
          <div className="container section"> 
            <div className="center"> 
               <p>Invalid Username/Password </p> 
            </div> 
          </div> 
        </section> 
      ) 
    } 

}

コンポーネントでレンダリングされるが、コンソールは、エラーをスロー。

Answer 1

このエラーは単なる症状に過ぎません。コードのどこかでクラッシュしている可能性があります。

DOMがReactのコントロールの外で修正されたことを示す可能性があります（親はnullなので、子を置き換えるときにnullでreplaceChildを呼び出そうとします）。親コンポーネントがnullまたはundefinedに変更されていないことを確認します。

チェックこのスレッド：https://github.com/facebook/react/issues/6998

、特にこのコメント： https://github.com/facebook/react/issues/6998#issuecomment-263336611