React的父子组件相对传递消息
2018-03-15 19:14
274 查看
父组件,向子组件传递一个点击事件
import { Uploaddes } from './Uploaddes';<Uploaddes ref="uploadDescription" onClick={this.callNext} /> const UploaddesInstance = this.refs.uploadDescription as Uploaddes;this.setState({ description: UploaddesInstance.state.videoDescription });
子组件，用this.props接收父组件传递过来的点击时间
<Button type="primary" onClick={this.props.onClick}>{i18n._('upload:button')}</Button>
import { Uploaddes } from './Uploaddes';<Uploaddes ref="uploadDescription" onClick={this.callNext} /> const UploaddesInstance = this.refs.uploadDescription as Uploaddes;this.setState({ description: UploaddesInstance.state.videoDescription });
子组件，用this.props接收父组件传递过来的点击时间
<Button type="primary" onClick={this.props.onClick}>{i18n._('upload:button')}</Button>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- react（二）父子组件间的数据传递---prop
- react都这么无情了，vue还是那么有义，4种父子组件数据双向传递大法
- 详解React之父子组件传递和其它一些要点
- React（3）变量使用、变量更新、父子组件变量传递
- React 从0开始 消息传递
- react vr 消息传递原理解析
- React中父子组件间的通信问题
- react 父子组件互相通信
- Angular 2父子组件数据传递之@Input和@Output详解 (上)
- angularjs2中父子组件的数据传递的实例代码
- 入门react组件的传递常见问题
- Vue表单类的父子组件数据传递示例
- Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
- react 父子组件通讯
- Angular 2父子组件数据传递之@Input和@Output详解(下)
- 入门react组件的传递常见问题
- react native组件传递参数值给方法
- Angular2父子组件之间数据传递：@Input和@Output (下)
- 关于React的父子组件通信等等
- Android消息传递之组件间传递消息