Maison  >  Article  >  interface Web  >  Quelle est la différence entre réagir et réagir

Quelle est la différence entre réagir et réagir

WBOY
WBOYoriginal
2022-04-27 10:26:212638parcourir

La différence entre réagir et réagir est la suivante : ReactDom effectue uniquement les opérations liées au navigateur ou au DOM, telles que l'opération "ReactDOM.findDOMNode()", tandis que React est responsable des opérations associées autres que le navigateur et le DOM, et ReactDom l'est ; partie de React.

Quelle est la différence entre réagir et réagir

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

Quelle est la différence entre réagir et réagir ?

ReactDom effectue uniquement les opérations liées au navigateur ou au DOM, telles que : ReactDOM.render() et ReactDOM.findDOMNode(). S'il s'agit d'un rendu côté serveur, vous pouvez utiliser ReactDOM.renderToString(). React peut non seulement gérer des pages Web via ReactDOM, mais peut également être utilisé dans SSR côté serveur, ReactNative côté mobile et Electron côté bureau.

React n'avait pas ReactDOM avant la v0.14, toutes les fonctions sont incluses dans React. À partir de la v0.14 (2015-10), React a été divisé en React et ReactDOM. Pourquoi séparer React et ReactDOM ? Grâce à ReactNative. React ne contient que les parties essentielles communes au Web et au Mobile. Les responsables des opérations DOM sont divisés en ReactDOM, et les responsables du Mobile sont inclus dans ReactNative.

ReactDom fait partie de React. ReactDOM est le ciment entre React et DOM. Il est généralement utilisé pour définir un seul composant, ou utilisé en combinaison avec ReactDOM.findDOMNode(). De plus, le package ReactDOM permet déjà aux développeurs de supprimer le code non essentiel ajouté par le package React et de le déplacer vers un référentiel plus approprié.

par exemple :

Code React côté 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;));

Code ReactNative côté mobile :

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

La même chose est qu'ils doivent tous importer React depuis 'react'.

Les applications Web doivent importer ReactDOM depuis 'react-dom' ;

Les applications mobiles doivent importer {Text, View} depuis 'react-native'

Apprentissage recommandé : "Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn