1.安装create-react-app
yarn add global create-react-app
2.创建项目
create-react-app xcb-cargo
3.本章重点组件知识
import React,{Component} from ‘react‘
// import React from ‘react‘
const Component=React.Component;
class TabBar extends Component{
}
export default TarBar;
4. jsx语法
-.包含 html js css
-render 返回的最外层必须包含一个根标签 可以用 Fragment替代最外层标签
5.react中的响应设计思想、事件绑定原理
事件绑定this;
未绑定的话：console.log(this)->undefined
改变state内容需要使用 setState方法
不要直接修改this.state.list 而是setState修改数据
引用数据或者方法 {} ??：<div>{this.state.name}</div> <input onChange={this.handleInputChange.bind(this)} />
使用jsx文件必须引入，否则报错
import React from ‘react‘
6.react 列表渲染、动态添加
?? this
7. jsx引入的样式类
className=‘input‘ 这么定义是避免和class 关键字起冲突
react 富文本如何引入
React项目学习1-环境搭建、组件知识、JSX、事件绑定、列表渲染、jsx样式添加
原文：https://www.cnblogs.com/wayOfHero/p/14459888.html