博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React父组件调用子组件的方法
阅读量:4649 次
发布时间:2019-06-09

本文共 1184 字,大约阅读时间需要 3 分钟。

16.3.0之前的设置方法为

var HelloMessage = React.createClass({    childMethod: function(){        alert("组件之间通信成功");    },    render: function() {        return 

Hello {
this.props.name}

}});// 父组件var ImDaddyComponent = React.createClass({ getDS: function(){ // 调用组件进行通信 this.refs.getSwordButton.childMethod(); }, render: function(){ return (
); }});ReactDOM.render(
, document.getElementById('correspond'));

16.3.0之后(包括16.3.0 version)的设置方法为

import React, {Component} from 'react';export default class Parent extends Component {    render() {        return(            
) } onRef = (ref) => { this.child = ref } click = (e) => { this.child.myName() }}class Child extends Component { componentDidMount(){ this.props.onRef(this) } myName = () => alert('xiaohesong') render() { return ('woqu') }}

转载于:https://www.cnblogs.com/universe-cosmo/p/10969351.html

你可能感兴趣的文章
mysql 数据库远程访问设置方法
查看>>
Far manager界面混乱问题解决
查看>>
java读取xml文件
查看>>
Go数组和切片定义和初始化
查看>>
用javascript将数据导入Excel
查看>>
novoton-timer使用
查看>>
[Office]PPT 2013如何设置图片为半透明?
查看>>
原生js实现浏览器全屏和退出全屏
查看>>
选择排序(c++)
查看>>
特殊文件(下)
查看>>
ubuntu通过vmware与访问宿主的文件
查看>>
mysql 5.7 二进制安装方法
查看>>
244. Shortest Word Distance II
查看>>
385. Mini Parser
查看>>
React-组件的生命周期
查看>>
Git详解之四:服务器上的Git
查看>>
[NOIP2002]矩形覆盖
查看>>
JavaScript 复杂判断的更优雅写法借鉴
查看>>
hdu 5186 zhx's submissions
查看>>
<mvc:annotation-driven/>浅析
查看>>