Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah perbezaan antara react dan reactdom

Apakah perbezaan antara react dan reactdom

WBOY
Lepaskan: 2022-04-27 10:26:21
asal
2676 orang telah melayarinya

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.

Apakah perbezaan antara react dan reactdom

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;));
Salin selepas log masuk

Kod ReactNative bahagian mudah alih:

import React from &#39;react&#39;;
import {Text, View} from &#39;react-native&#39;;
const WelcomeScreen = () => (
  <View>
  <Text>Hello ReactNative</Text>
  </View>
 );
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan