リアクトダムとは何ですか

react-dom は、react プロジェクトを開発するときに使用する必要があるツールキットで、主に Web 側でのレンダリングに使用される dom のプラットフォーム実装です。 React-dom パッケージは、アプリケーションのトップレベルで、または React モデルの外部で DOM に対する特別な操作を行うためのインターフェイスとして使用できる DOM 固有のメソッドを提供します。

React を使用して Web ページを開発する場合、必然的に 2 つのパッケージをダウンロードすることになります。1 つは React で、もう 1 つは React がコアです。反応するコード。

react-dom パッケージは、アプリケーションのトップレベルで使用できる DOM (DOM 固有) メソッドを提供します。react-dom パッケージは、アプリケーションのトップレベルで使用できる DOM 固有のメソッドを提供します。必要に応じて、React モデルの外部でこれらのメソッドを、React モデルの外部の DOM に対する特別な操作のためのインターフェイスとして使用できます。ただし、一般に、ほとんどのコンポーネントはこのモジュールを使用する必要はありません。

npm と ES6 を使用している場合は、import ReactDOM from 'react-dom' を使用してインポートできます。 npm と ES5 を使用している場合は、var ReactDOM = require('react-dom') でインポートできます。

react-dom の 5 つのインターフェイス

1.render()

ReactDOM.render(element, container[, callback])

提供されたコンテナの React 要素で 1 つをレンダリングしますそして、コンポーネントへの参照 (ステートレス コンポーネントの場合は null) を返します。

React 要素が以前にコンテナー内でレンダリングされている場合は、その要素に対して更新操作が実行され、最新の React 要素を反映するために必要な場合にのみ DOM が変更されます。

オプションのコールバック関数が指定されている場合、コンポーネントがレンダリングまたは更新された後にコールバックが実行されます。

2.水和物()

ReactDOM.render(element, container[, callback])
// 渲染一个 React 元素到由 container 提供的 DOM 中，并且返回组件的一个 引用(reference) （或者对于 无状态组件 返回 null ）

3.unmountComponentAtNode()

ReactDOM.unmountComponentAtNode(container)
// 从 DOM 中移除已装载的 React 组件，并清除其事件处理程序和 state 。 如果在容器中没有挂载组件，调用此函数什么也不做。 如果组件被卸载，则返回 true ，如果没有要卸载的组件，则返回 false

4.findDOMNode()

ReactDOM.findDOMNode(component)
// 如果组件已经被装载到 DOM 中，这将返回相应的原生浏览器 DOM 元素。在大多数情况下，你可以绑定一个 ref 到 DOM 节点上，从而避免使用findDOMNode。

5 の使用は推奨されません。createPortal() これは非常に便利です。

ReactDOM.createPortal(child, container)
// 创建一个 插槽(portal) 。 插槽提供了一种方法，可以将子元素渲染到 DOM 组件层次结构之外的 DOM 节点中

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 ！

以上がリアクトダムとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。