react和reactdom有哪些區別

這篇文章主要介紹“react和reactdom有哪些區別”，在日常操作中，相信很多人在react和reactdom有哪些區別問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”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>
  <h2>Hello React</h2>
  </div>
 )
ReactDom.render(<App/>, document.getElementById('root'));

移動端的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和reactdom有哪些區別”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！