Apakah perbezaan antara react dan reactdom

Perbezaan antara react dan reactdom ialah: ReactDom hanya melakukan operasi yang berkaitan dengan penyemak imbas atau DOM, seperti operasi "ReactDOM.findDOMNode()" manakala react bertanggungjawab untuk operasi yang berkaitan selain daripada penyemak imbas dan DOM , dan ReactDom ialah Sebahagian daripada React.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.

Apakah perbezaan antara react dan reactdom?

ReactDom hanya melakukan operasi yang berkaitan dengan penyemak imbas atau DOM, seperti: ReactDOM.render() dan ReactDOM.findDOMNode(). Jika ia adalah pemaparan sebelah pelayan, anda boleh menggunakan ReactDOM.renderToString(). React bukan sahaja boleh berurusan dengan halaman web melalui ReactDOM, tetapi juga boleh digunakan dalam SSR bahagian pelayan, ReactNative bahagian mudah alih dan Electron sisi desktop.

React tidak mempunyai ReactDOM sebelum v0.14 dan semua fungsi disertakan dalam React. Bermula dari v0.14 (2015-10), React telah dibahagikan kepada React dan ReactDOM. Mengapa memisahkan React dan ReactDOM? Kerana ReactNative. React hanya mengandungi bahagian teras yang biasa kepada Web dan Mudah Alih. Mereka yang bertanggungjawab untuk operasi DOM dibahagikan kepada ReactDOM, dan mereka yang bertanggungjawab untuk Mudah Alih disertakan dalam ReactNative.

ReactDom ialah sebahagian daripada React. ReactDOM ialah gam antara React dan DOM Ia biasanya digunakan untuk mentakrifkan satu komponen, atau digunakan dalam kombinasi dengan ReactDOM.findDOMNode(). Lebih-lebih lagi, pakej ReactDOM sudah membenarkan pembangun mengalih keluar kod tidak penting yang ditambahkan oleh pakej React dan mengalihkannya ke repositori yang lebih sesuai.

cth:

Kod React sebelah web

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;));

Kod ReactNative bahagian mudah alih:

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

Perkara yang sama ialah mereka semua perlu import React daripada 'react'.

Aplikasi web perlu mengimport ReactDOM daripada 'react-dom';

Aplikasi mudah alih perlu mengimport {Text, View} daripada 'react-native'

Pembelajaran yang disyorkan: " tutorial video reaksi》

Atas ialah kandungan terperinci Apakah perbezaan antara react dan reactdom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!