-
React Fiber: React 16.0 +
查看全部 -
首先，index.js他是一个入口，首先他引入了react，帮助我们去理解app开头的组件，又引入了reactdom，帮助我们将组件渲染到一个root节点上。结尾的export default app是将其导出，这样，在index.js中才能将他再导入进去，导出和导入是配对使用的。
而app就是一个组件，她在app.js当中定义，首先，需要定义一个APP的类，她继承react.component.
当一个类集成了react.componet后他就是react中的一个组件，react 组件中必须有一个函数叫做render，这个函数负责这个组件要显示的内容，并且这个函数会return一个内容，他return回去的内容就是这个组件要 显示的内容
查看全部 -
父组件通过属性的形式向子组件传递参数
子组件通过props接受父组件传递过来的参数
查看全部 -
JSX js函数语法
<button onClick={this.函数名称}></button>函数体写在组件的render函数外
eg :
函数名称(){ .... }查看全部 -
react组件封装
自定义类继承React.Component
render函数 return 出dom结构
export default 导出才能被外部index.js文件import引入
查看全部 -
index.js为react项目入口文件，
import React from 'react' --》识别 import App from './App' 语法
import ReactDOM from 'react-dom' --> 帮助将组件渲染到dom节点(root)上 ReactDOM.render(<App />, documnet.getElementByUd('root'))查看全部 -
react中以大写字母开头一般为组件
查看全部 -
防止react报错，增加index参数，写入key值。
查看全部 -
修改state需要调用this.SetState
通过es6的语法修改
{
list: [...this.state.list,'hello world']
}
这里...应该代表的是追加,正确的叫法叫做展开运算符，展开后面的this.state.list。整体写下来就是...this.state.list
查看全部 -
指定this的绑定对象
this.evnetImp.bind(this)
查看全部 -
ul里循环list的写法
this.state.list.map(
(item)=>{
return <xxx>{item}</xxx>
}
)
查看全部 -
通过定义构造函数，来定义初始化的数据项，初始化this.state
constructor(porps){
supper(props);
this.state={
list:[
'xxxxxxxx',
'xxxxxx'
]
}
}
查看全部 -
增加onClick事件（react风格事件）， 增加this.xxxx，点击以后的事件实现。
查看全部 -
render函数返回的只能是一个大的JSX
否则会出错
查看全部 -
todolist的重名，重命名app相关的文件，变量为TodoList.
查看全部
举报