react 父組件獲取子組件，調用子組件的方法

父組件

import React from 'react';
import Tabs from './tabs';

export default class FruitsList extends React.Component {

  constructor(props) {
    super(props);

    this.state = {
      child: '',
    }
  }
  child() {
    this.child.Alert(value)
  }

  // 子組件調用父組件的 setChild 方法，傳入this( this就是子組件 ),保存到父組件的state里面
  setChild(that) {
    this.setState({
      child: that
    })
  }

  render() {
    return (
      <div>
        <Tabs setChild={this.setChild}></Tabs>
        <button onClick={this.child.bind(this)}></button>
      </div>)
  }
}

　　

子組件

import React from 'react';

export default class Tabs extends React.Component {

  Alert() {
    alert("子組件的Alert方法調用")
  }

  //組件完成掛載調用父組件傳過來的 setChildren(this) 這里的this 指向 Tabs 組件
  componentDidMount() {
    this.props.setChild(this);
  }
  render() {
    return (<div>
      我是子組件
    </div>);
  }
}