React学习笔记(六)之代码优化及css样式修饰

直接先做好this指向 ,有效提高代码性能(涉及到react底层设计规则)。

在constructor里

React学习笔记(六)之代码优化及css样式修饰

 onclick的时候直接this.handleInputChange即可

多行展示

React学习笔记(六)之代码优化及css样式修饰

React学习笔记(六)之代码优化及css样式修饰

React学习笔记(六)之代码优化及css样式修饰

delete是关键词,建议修改名字

React学习笔记(六)之代码优化及css样式修饰

React学习笔记(六)之代码优化及css样式修饰

样式不能这么加:

React学习笔记(六)之代码优化及css样式修饰

对象的形式来进行编码 ------第一层{}表示里面是一个js表达式,第二层是表达式实际上是一个js的对象

React学习笔记(六)之代码优化及css样式修饰

class=‘red-btn’ 出现警告

React学习笔记(六)之代码优化及css样式修饰

报错的意思是:class在定义一个react组件

React学习笔记(六)之代码优化及css样式修饰

在src目录下创建一个css文件

React学习笔记(六)之代码优化及css样式修饰

React学习笔记(六)之代码优化及css样式修饰

return必须是一个div包裹的时候要怎么处理成最外层是div和ulReact学习笔记(六)之代码优化及css样式修饰

React学习笔记(六)之代码优化及css样式修饰

直接用fragment

React学习笔记(六)之代码优化及css样式修饰

入门教程

React学习笔记(六)之代码优化及css样式修饰

docs