入门react组件的传递常见问题

外组件给内组件传递

//标签的自定义属性的传递

this.state={

names:'小米',

ages:22

}

const {ages,names}=this.props;

<fuji data={name:'xiaoming'}/>

子组件接受   通过this.props 接受

<h1>姓名{this.props.data.names}</h1>

<h1>年龄{this.props.data.ages}</h1>

内组件给外组件发送数据

<h1 onClick={this.props.onClick.bind(this,{ages:'55',names:'苹果')}>点击更换数据</h1>

外组件定义一个事件

<fuji   onClick={  (item)={this.setState({

    ages:item.ages,

    names:item.names

})

}     }         data={name:'xiaoming'}  />