Heim  >  Artikel  >  Web-Frontend  >  Was ist der Unterschied zwischen React und Reactdom?

Was ist der Unterschied zwischen React und Reactdom?

WBOY
WBOYOriginal
2022-04-27 10:26:212638Durchsuche

Der Unterschied zwischen React und Reactdom ist: ReactDom führt nur Vorgänge aus, die sich auf den Browser oder das DOM beziehen, wie zum Beispiel die Operation „ReactDOM.findDOMNode()“, während React für andere Vorgänge als den Browser und das DOM verantwortlich ist; Teil von React.

Was ist der Unterschied zwischen React und Reactdom?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.

Was ist der Unterschied zwischen React und Reactdom?

ReactDom führt nur Vorgänge aus, die sich auf den Browser oder DOM beziehen, wie zum Beispiel: ReactDOM.render() und ReactDOM.findDOMNode(). Wenn es sich um serverseitiges Rendering handelt, können Sie ReactDOM.renderToString() verwenden. React kann nicht nur Webseiten über ReactDOM verarbeiten, sondern kann auch in serverseitigem SSR, mobilem ReactNative und Desktop-seitigem Electron verwendet werden.

React hatte vor v0.14 kein ReactDOM, alle Funktionen sind in React enthalten. Ab v0.14 (2015-10) wurde React in React und ReactDOM aufgeteilt. Warum React und ReactDOM trennen? Wegen ReactNative. React enthält nur Kernteile, die Web und Mobile gemeinsam haben. Die Verantwortlichen für DOM-Operationen sind in ReactDOM unterteilt, und diejenigen, die für Mobile verantwortlich sind, sind in ReactNative enthalten.

ReactDom ist Teil von React. ReactDOM ist die Verbindung zwischen React und DOM. Es wird im Allgemeinen zum Definieren einer einzelnen Komponente oder in Kombination mit ReactDOM.findDOMNode() verwendet. Darüber hinaus ermöglicht das ReactDOM-Paket Entwicklern bereits, nicht wesentlichen Code, der vom React-Paket hinzugefügt wurde, zu entfernen und in ein besser geeignetes Repository zu verschieben.

z.B:

Webseite React-Code

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

Mobile Seite ReactNative-Code:

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

Das Gleiche ist, dass sie alle React aus „react“ importieren müssen.

Webanwendungen müssen ReactDOM aus „react-dom“ importieren;

Mobile Anwendungen müssen {Text, View} aus „react-native“ importieren

Empfohlenes Lernen: „React-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen React und Reactdom?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn