您的位置:首页 > Web前端 > React

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

2018-03-07 21:04 399 查看
外组件给内组件传递

//标签的自定义属性的传递
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'}  />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  react