反応と反応の違いは何ですか

reactとreactdomの違いは次のとおりです: ReactDomは「ReactDOM.findDOMNode()」操作など、ブラウザまたはDOMに関連する操作のみを実行しますが、reactはブラウザとDOM以外の関連操作を担当します。 、ReactDom は React の一部です。

このチュートリアルの動作環境: Windows 10 システム、react17.0.1 バージョン、Dell G3 コンピューター。

reactとreactdomの違いは何ですか

ReactDomは、ReactDOM.render()やReactDOM.findDOMNode()など、ブラウザまたはDOMに関連する操作のみを実行します。サーバーサイドレンダリングの場合は、ReactDOM.renderToString() を使用できます。 React は ReactDOM を通じて Web ページを処理できるだけでなく、サーバー側の SSR、モバイル側の ReactNative、デスクトップ側の Electron でも使用できます。

React v0.14 より前の React には ReactDOM がなく、すべての関数が React に含まれていました。 v0.14 (2015-10) から、React は React と ReactDOM に分割されました。なぜ React と ReactDOM を分離するのでしょうか? ReactNativeのせいで。 ReactにはWebとMobileに共通するコア部分のみが含まれており、DOM操作を担当する部分はReactDOM、Mobileを担当する部分はReactNativeに分かれています。

ReactDom は React の一部です。 ReactDOM は React と DOM の間の接着剤であり、通常は単一のコンポーネントを定義するために使用されるか、ReactDOM.findDOMNode() と組み合わせて使用​​されます。さらに、ReactDOM パッケージでは、開発者が React パッケージによって追加された重要でないコードを削除し、より適切なリポジトリに移動できるようになりました。

例：

ウェブ側の React コード

import React from 'react';
import ReactDOM from 'react-dom';
const App = () => (
  <div>
  <h1 id="Hello-nbsp-React">Hello React</h1>
  </div>
 )
ReactDom.render(<App/>, document.getElementById(&#39;root&#39;));

モバイル側の ReactNative コード:

import React from 'react';
import {Text, View} from 'react-native';
const WelcomeScreen = () => (
  <View>
  <Text>Hello ReactNative</Text>
  </View>
 );

同じことは、すべてから React をインポートする必要があるということです。反応する』。

Web アプリケーションは「react-dom」から ReactDOM をインポートする必要があります;

モバイル アプリケーションは「react-native」から {Text, View} をインポートする必要があります

推奨される学習: " 反応ビデオチュートリアル>>

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