入门react组件的传递常见问题
2018-03-07 21:04
302 查看
外组件给内组件传递
//标签的自定义属性的传递
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的入门遇到的问题二:组件的生命周期
- jQuery入门问答 整理的几个常见的初学者问题
- XML入门的常见问题(二)
- DirectX入门之初始化Direct3D及常见问题
- React常见问题记录
- axis1-myeclipse/eclipse-入门级别-资源、流程、常见问题
- React 高阶组件入门介绍
- linux入门系统安装常见问题整理
- React Native 常见问题集合
- js传递二维数组到java后台 0人关注 讲义教程 资讯 常见问题 开发技巧
- React.js 基础入门三 ---组件状态state
- React入门教程 - 组件生命周期
- 【智能车新手入门 】-JLINK v8常见问题以及解决办法
- Java初学者常见问题_字符串序列化_可变不可变_传递(值,引用)
- Andorid 10 个最常见的 React Native Android 问题
- React(3)变量使用、变量更新、父子组件变量传递
- react都这么无情了,vue还是那么有义,4种父子组件数据双向传递大法
- react组件服务器渲染问题(一)