React之父组件想子组件传递数据

父组件：

render(){

return (

<div>

<input type="text" onChange={this.input.bind(this)} value={this.state.inputValue}/>

<button onClick={this.addFun.bind(this)}>增加</button>

<button onClick={this.delFun.bind(this)}>删除</button>

<ul>

{/* {this.state.arr.map((item,index)=>{

return (<li key={index} onClick={this.delItem.bind(this,index)}>{item}</li>)

})} */}

{this.state.arr.map((item,index)=>{

return (<Item content={item} key={index}/>)

})}

</ul>

</div>

);

}

}

子组件：

render(){

return (

<div>

<li> {this.props.content}</li>

</div>

);

 

}