從另一個組件調用函數（React）

Question

（React）我在一個組件中有一個函數（類叫做SideLogo）

toggleStatus(flag = !this.state.turned) {
    this.setState({turned: flag})
}

我在組件中有另一個功能

_enterHandler() {
    SideLogo.toggleStatus()
}

我正在嘗試調用toggleStatus（）

Answer 1

正如SakoBu已經提到的，你可以使用props公開一個函數。 看看這個小提琴： https ： //jsfiddle.net/wzhdampx/

在您的其他組件中：

  _enterHandler() {
    this.toggleStatus();
  }

  render() {
    return <SideLogo toggleStatus={func => this.toggleStatus = func} />;
  }

在SideLog組件中：

componentDidMount() {
    const { toggleStatus } = this.props;
    if (toggleStatus) {
        toggleStatus(this.toggleStatus);
    }
}