【九月打卡】 第17天 React16.4 快速上手

课程名称：React16.4 快速上手

课程章节：React组件与通信

课程讲师：Dell

课程内容：

讲述react项目组件如何拆分和组件间是如何通信的。react项目是组件式开发模式，如何拆分组件至关重要。TodoList项目把列表里的每一项当做一个组件，我们拆分出去的组件通过import方式引入即可使用。在react中有父子组件的概念，使用引入组件的就是父组件，被引入的组件就是子组件。我们在父组件的输入框中输入的内容如何传递到子组件内呢？子组件又是如何接受到父组件传递进来的值呢？在删除每一项的时候又是如何通知父组件去删除相应数据的呢，这些内容课程讲解的非常清楚。

课程收获：

观看完课程后，深刻理解了如何拆分组件和父子组件之间的通信，在使用子组件的时候，我们通过传递一个属性的方式把需要传递给子组件的值赋值给这个属性，那子组件怎么拿到这个属性的值呢？在react中提供了一个props这个属性，通过this.props就可以拿到父组件传入的值啦。那么子组件是如何跟父组件通信的呢？子组件如果想跟父组件通信，那么子组件要调用父组件传递过来的方法。课程中老师也讲解了代码的一些优化，比如，我们在点击事件绑定this指向时，我们可以直接在constructor里直接绑定this。这样我们在绑定事件时就可以不用再绑定this了，这样可以使代码更加简洁。