react组件传值
父组件代码
//要传递的回调函数
onChangeFun(evt){ this.addEvent(evt.target.value); } render(){ return ( <div> <SelectCom selectData={'要传的值'} selectChangeFun={(evt)=>{this.onChangeFun(evt)}}></SelectCom> </div> )}
constructor(props){ super(props); } render(){ let selectPotion=this.props.selectData; return ( <div> <select onChange={(evt)=>{this.props.selectChangeFun(evt)}}> {selectPotion.map((item)=>{ return <option value={item.type} key={item.type}>{item.label}</option> })} </select> </div> ) }
注意:组件间事件回调的时候,都要用到箭头函数,来改变当前this指,指向