React 的基本使用

最近在学习 React ，慢慢记录中~~✌🏻

效果:

 步骤：

一、React 脚手架的使用

1、初始化项目

npx create-react-app 项目名称

2、进入项目

cd 项目名称

3、启动项目

npm start 或 yarn start

二、在脚手架中使用React

1、在 src 下 index.js 文件内导入 React 和 ReactDOM (⚠️注意顺序不可以颠倒)

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

2、在src 下 index.js 文件内调用 React.creatElement() 方法创建 react 元素

//参数1:元素节点
//参数2:元素属性
//参数3:元素子节点(内容)
const title=React.creatElement('h1',null,'Hello React')

3、在src 下 index.js 文件内调用 ReactDOM.render() 方法渲染 react 元素到页面上

//参数1:要渲染的元素
//参数2:挂载点(在public下index.html文件中 <div id="root"></div> )
ReactDOM.render(title,document.getElementById('root')