# react **Repository Path**: feng_dudu/react ## Basic Information - **Project Name**: react - **Description**: react mobx - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-09-04 - **Last Updated**: 2023-09-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # react技术 ```jsx import React from 'react'; import { render } from 'react-dom'; import { AppContainer } from 'react-hot-loader'; import AppState from './AppState'; import App from './App'; const appState = new AppState(); render( , document.getElementById('root') ); if (module.hot) { module.hot.accept('./App', () => { render(App) }) } ``` // 基于React框架,使用JSX语法,替换上述代码 // 1、导入react模块 import React from "react"; // 导入react模块 import ReactDOM from "react-dom"; // 导入react的DOM模块 // 2、创建React元素 class Root extends React.Component{ // 组件类定义,从React.Component类上继承,这个类生成JSXElement对象,即React元素 render(){ // 渲染函数,返回组件中渲染的内容 return
HELLO REACT
; // div是一个容器,可以包含其他html标记。这里只能包含一个顶级元素 } } // 3、将React元素添加到DOM的Element元素中并渲染 ReactDOM.render(, document.getElementById('root')); // 渲染,将组件类挂载到DOM树中要被渲染的元素中去。第一个参数是JSXElement对象;第二个参数,指定DOM中被渲染的元素id // 保存后文件自动编译 class