从另一个组件调用函数（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);
    }
}