手记

【九月打卡】第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里面字段的值时,我们需要尽量减少直接操作,应该复制一个副本来进行操作,这样有利于后面定位问题。

1人推荐
随时随地看视频
慕课网APP