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样式添加