What is “Mounting” in React js?
This process of creating instances and DOM nodes corresponding to React components, and inserting them into the DOM, is called mounting.
Reactコンポーネントに対応するインスタンスとDOMノードを作成し、それらをDOMに挿入するこのプロセスがマウントと呼ばれます。
const foo = <Child /> //これはcreateElementをして。 JavaScriptオブジェクトになった状態。これをスクリーン上に表示する必要がある
const Parent = () => {
render(<div><Child></div>) //ここでReactはただのJavaScriptオブジェクトを、DOMNodeにして、親のDOMに挿入している。
}
// この後ParentがMountして、renderが実行された時、ChildのcomponentDidMountが呼ばれる
通常はReactDOM.render()を呼び出してルートコンポーネントをマウントするだけです。 子コンポーネントを手動で「マウント」する必要はありません。 親コンポーネントがsetState()を呼び出し、そのrenderメソッドが特定の子を初めてレンダリングするように指示するたびに、Reactは自動的にこの子をその親に「マウント」します。