【金秋打卡】第4天 react16.4快速上手

课程名称：react 16.4 快速上手

课程章节：react中组件的拆分

课程讲师： Dell Lee

课程内容：

组件的定义，组件是页面中的一部分，所有的内容加上一起是个组件，单独拆分一块也是一个组件。在react中组件之间的交互是必不可少的。创建一个react组件，组件要继承React.Component，render要返回一个<div>，然后export default TodoItem。注意，这里组件的命名要大写。然后在父界面进行组件的引用import TodoItem from './TodoItem'。然后在下面返回的div里可以直接引用组件<TodoItem />。刷新界面就能正常使用，但是这里就有个问题了，无论输入什么，都会增加todoitem，这个时候就需要传参了。父组件的<TodoItem content={item} /> 来作为传参，子组件就用this.props.content来接收。

课程收获：

这节课的内容主要是讲组件的拆分，如何建一个组件和如何引用组件，以及父组件如何向子组件进行传参，学习到了父组件通过属性的方式向子组件进行传参，然后子组件通过props来接收。接下来继续...