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'));
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') }}