Call function from another component (React)

Question

(React) I have a function in a component (class called SideLogo)

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

And I have another function in a component

_enterHandler() {
    SideLogo.toggleStatus()
}

I'm trying to call toggleStatus()

Answer 1

As SakoBu already mentioned you can expose a function using the props. Check out this fiddle: https://jsfiddle.net/wzhdampx/

In your other component:

  _enterHandler() {
    this.toggleStatus();
  }

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

In the SideLog component:

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