传值规则

单项数据流，只能由父组件向子组件传值

子组件若要改变父组件的状态，需调用父组件传递的方法

return 
    class TodoItem extends Component {    render() {        return 
{this.props.item}
    }    handleDelete(index) {        this.props.deleteItem(index)    }}

代码优化

1、将this绑定提到构造函数中，在组件加载时就实现绑定，多次调用同一方法无需重复绑定，提高性能

2、使用ES6解构赋值const { list } = this.state，以及键值key: value相同简写为key的方法

3、setState方法参数使用箭头函数代替对象提高性能，且可使用prevState指代前一次的状态

4、将JSX模板中比较复杂的代码单独用一个函数封装起来，让JSX模板的结构更清晰

React的特点

1、声明式开发，无需操作DOM，只关心数据即可

2、组件化，增强复用性，灵活性，提高系统设计

3、单向数据流，方便定位问题，避免多个子组件同时操作某一数据而造成冲突

4、函数式编程，可以很好的封装和拆分业务，更容易实现前端自动化测试，便于开发和维护

5、视图层框架，react解决的重点问题是数据驱动视图，不同子组件间的传值还要借助redux等框架

6、可与其他框架并存<div id="root"></div>、ReactDOM.render(<TodoList />, document.getElementById('root'))