react和reactdom有什麼差別

react和reactdom的差異是：ReactDom只做和瀏覽器或DOM相關的操作，例如「ReactDOM.findDOMNode()」操作；而react負責瀏覽器和DOM以外的相關操作，ReactDom是React的一部分。

本教學操作環境：Windows10系統、react17.0.1版、Dell G3電腦。

react和reactdom有什麼差別

ReactDom 只做和瀏覽器或DOM相關的操作，例如：ReactDOM.render() 和 ReactDOM.findDOMNode()。如果是伺服器端渲染，可以 ReactDOM.renderToString()。 React 不僅能透過 ReactDOM 和Web頁面打交道，還能用在伺服器端SSR，行動端ReactNative和桌面端Electron。

React 在v0.14之前是沒有 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套件新增的非必要的程式碼，並將其移至更合適的儲存庫。

e.g：

Web端React程式碼

import React from 'react';
import ReactDOM from 'react-dom';
const App = () => (
  <div>
  <h1>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>
 );

相同的是都需要import React from 'react'。

而Web應用程式需要import ReactDOM from 'react-dom';

Mobile應用程式需要import {Text, View} from 'react-native'

推薦學習：《 react影片教學》

以上是react和reactdom有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！