React的基础使用

React的安装

安装命令 npm i react react-dom

 react包是核心 ， 提供创建元素 ,组件等功能

 react-dom包提供DOM相关功能等

可以使用npx命令安装脚手架

原先:先安装脚手架包，在使用这个包中提供的命令，如果全局的包不经常使用会闲置

现在:无需安装脚手架包，就可以直接使用这个包提供的命令

npx create-react-app my-app

或者全局安装脚手架

npm install create-react-app -g 或 yarn global add create-react-app

下载脚手架通过

create-react-app 项目名字

通过cd项目名进入项目

cd 项目名

通过start进入项目

start

进入项目需要在body中添加script标签

也可以在src目录下的index.js中引入React ReactDOM

import React from 'react'
import ReactDOM from 'react-dom'

React创建节点

第一个参数是元素的名字

第二个参数是元素的属性

第三个属性是元素的子节点以及后面的参数也都是子节点

const box = React.createElement('div',null,'Hello')

React将元素挂载到页面上

渲染react元素

参数1要渲染的react元素

参数2挂载点

ReactDOM.render(box,document.getElementById('box'))