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

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

在constructor里

 onclick的时候直接this.handleInputChange即可

多行展示

es6

赋值

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

<ul>
			
    {this.getTodoItems()}
			
</ul>

样式不能这么加：

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

<button style={{background:'red',color:'#fff'}}  onClick={this.handleSearch}>新增</button>

class=‘red-btn’ 出现警告

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

import './style.css'

<button className='redBtn' onClick={this.handleSearch}>新增</button>

 

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

.redBtn{
	background: red;
	color:#fff;
}

 

 

return必须是一个div包裹的时候要怎么处理成最外层是div和ul

代替外层的div
<React.Fragment></React.Fragment>

 

直接用fragment

入门教程

docs