1.创建
npx create-react-app list
cd list
npm start
2.启动
cd list
npm run start
3.入口文件
4.组件~页面上的某一部分
App是一个组件 通过React语言解析出来 ReactDOM把组件挂载在app结点上
把App组件渲染到root标签里
继承
导出导入配对使用
jsx语法
<app/> {}
5.ES6语法 constructor
constructor(props){
super(props);
this.state={
list:[],
inputValue:''
}
}
展开运算符~把之前list数据拿回来
list:[...this.state.list,this.state.inputValue]
6.循环的kety值去警告
Click要大写
onClick={this.handleBtnClick.bind(this)}
图片:
import logo from './logo.svg';
<img src={logo} className="App-logo" alt="logo" />