React项目学习1-环境搭建、组件知识、JSX、事件绑定、列表渲染、jsx样式添加

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修改数据

引用数据或者方法 {}

上一篇:[vue] 你有使用过JSX吗?说说你对JSX的理解


下一篇:【React系列】=>[01] React基本使用-脚手架搭建-JSX-组件