react总结 ----父子组件通信

徒弟，记得看为师的博客，这些都是给你总结的，简单易懂
父组件向子组件通信：
父组件通过属性形式向子组件传参
子组件通过props接受父组件传递的参数

	//父组件
	<ul>
         {
            this.state.list.map((item,index)=> {
              return <Todoitem  key={index} content={item} index = {index}/>
             })
          }
      </ul>

	//子组件
	render(){
        return (
        	<div> {this.props.content}</div>
       )
    }

子组件向父组件通信：
子组件要调用父组件传过来的方法

		//父组件
		<ul>
          {
            this.state.list.map((item,index)=> {
              return <Todoitem delete={this.handleIndex.bind(this)}  key={index} content={item} index = {index}/>
            })
          }
        </ul>

//子组件
class Todoitem extends React.Component{
    handleDelete(){
        this.props.delete(this.props.index)
    }
    render(){
        return (
            <div onClick ={this.handleDelete.bind(this)}> {this.props.content}</div>
        )
    }
}
export default Todoitem;

完整代码：
父组件：

子组件：