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

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

课程章节：React简介及基础语法

课程讲师：Dell

课程内容：

讲述react项目从开发环境搭建到项目实践，开发环境搭建主要使用Create React App手脚架构建项目，简单易懂。react是组件式开发模式，了解什么是组件十分重要，组件就是页面的一部分，在react中组件就是一个类。在react中编写组件则需要了解JSX语法，在react中编写组件的最基本函数是render函数，在这个函数中return 一个标签， 在JSX语法中可以在花括号内支持使用js表达式，了解这些JSX语法后便可以发TodoList功能了。TodoList功能就是实现在输入框中输入内容，点击添加按钮后，把输入的内容添加到列表里面，点击列表内容可以删除当前行数据。

课程收获：

观看完课程后，收获良多，react项目开发看似简单，但实际的坑也非常的多。react是使用数据驱动视图的更新，不在直接操作dom,减少了内存消耗。在实现TodoList功能的时候，要实现动态添加输入的数据，则需要在constructor中声明一个变量，点击添加按钮时不能直接改变这个变量值，需要使用this.setState()的方法去更新。在写绑定点击事件时需要使用bind()方法传递this,以此绑定当前组件，在点击事件的方法中，this才是指向当前组件，而不是指向点击的标签。在操作state里面字段的值时，我们需要尽量减少直接操作，应该复制一个副本来进行操作，这样有利于后面定位问题。