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指,指向

posted @ 2020-06-18 17:36  榆木脑袋敲啊敲  阅读(123)  评论(0编辑  收藏  举报