반응과 반응의 차이점은 무엇입니까

react와 Reactdom의 차이점은 다음과 같습니다. ReactDom은 "ReactDOM.findDOMNode()" 작업과 같이 브라우저 또는 DOM과 관련된 작업만 수행하는 반면, React는 브라우저 및 DOM 이외의 관련 작업을 담당하며 ReactDom은 반응의 일부.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

react와 Reactdom의 차이점은 무엇인가요?

ReactDom은 브라우저 또는 DOM과 관련된 작업(예: ReactDOM.render() 및 ReactDOM.findDOMNode())만 수행합니다. 서버 측 렌더링인 경우 ReactDOM.renderToString()을 사용할 수 있습니다. React는 ReactDOM을 통해 웹페이지를 처리할 수 있을 뿐만 아니라 서버측 SSR, 모바일측 ReactNative, 데스크톱측 Electron에서도 사용할 수 있습니다.

React v0.14 이전에는 ReactDOM이 없었으며 모든 기능이 React에 포함되어 있습니다. v0.14(2015-10)부터 React는 React와 ReactDOM으로 분리되었습니다. React와 ReactDOM을 분리하는 이유는 무엇입니까? 리액트네이티브 때문입니다. React는 Web과 Mobile에 공통되는 핵심 부분만 담고 있습니다. DOM 작업을 담당하는 사람은 ReactDOM으로 나뉘고, Mobile을 담당하는 사람은 ReactNative에 포함됩니다.

ReactDom은 React의 일부입니다. ReactDOM은 React와 DOM을 연결하는 역할을 하며 일반적으로 단일 구성 요소를 정의하는 데 사용되거나 ReactDOM.findDOMNode()와 함께 사용됩니다. 게다가 ReactDOM 패키지를 사용하면 개발자는 이미 React 패키지에서 추가한 필수적이지 않은 코드를 제거하고 이를 보다 적합한 저장소로 이동할 수 있습니다.

예:

웹 측 React 코드

import React from 'react';
import ReactDOM from 'react-dom';
const App = () => (
  <div>
  <h1 id="Hello-nbsp-React">Hello React</h1>
  </div>
 )
ReactDom.render(<App/>, document.getElementById(&#39;root&#39;));

모바일 측 ReactNative 코드:

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

동일한 점은 모두 'react'에서 React를 가져와야 한다는 것입니다.

웹 애플리케이션은 'react-dom'에서 ReactDOM을 가져와야 합니다.

모바일 애플리케이션은 'react-native'에서 {Text, View}를 가져와야 합니다.

권장 학습: "react 비디오 튜토리얼"

위 내용은 반응과 반응의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!