入门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'} />
//标签的自定义属性的传递
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组件的传递常见问题
- React-native 常见问题:Warning 当使用组件 react-native-gifted-listview
- javaweb-react的入门遇到的问题二:组件的生命周期
- React(3)变量使用、变量更新、父子组件变量传递
- linux2.6驱动开发入门:常见问题
- linux入门系统安装常见问题整理
- 倍福TwinCAT(贝福Beckhoff)常见问题(FAQ)-人机界面快速入门 TC3
- reactjs常见问题解决方法
- 解决 react native 的 webview 组件不支持android客户端上传图片文件问题
- java入门常见问题
- react组件间的数据传递
- VTK入门(配置+常见问题)
- XML入门的常见问题(一)
- destoon入门实例与常见问题大全
- ReactNative常见问题及解决方法
- react 入门-创建组件(1)继承component法
- 倍福TwinCAT(贝福Beckhoff)常见问题(FAQ)-人机界面快速入门 TC2
- Docker入门系列5:常见问题小结
- react组件服务器渲染问题(一)
- mybatis常见问题处理:批量操作,传递多个参数,like语句写法等等