react的安装并使用

128 阅读1分钟

React安装方式

  • 命令:npm i react react-dom(注意版本)
  • 脚手架初始化项目:npx create-react-app my-app

react的基本使用

//创建react元素 prams: 元素名称,元素属性,第三个极其以后的参数:元素子节点
const root = React.createElement('h1', null, 'hello');
//渲染react元素 prams: 要挂在的react元素,挂载点
ReactDOM.render(root, document.getElementById('container'))

react在脚手架中的基本使用

启动项目:yarn start/npmstart

//1.导入react和react-dom包
import React from 'react'
import ReactDOM from 'react-dom'
//2.调用react.createELement()方法创建react元素
//调用ReactDOM.render()方法渲染