How to call another component on click?

Question

React

Good afternoon! Let's say there is a component A, in which the button is rendered, and a component B, in which the render method returns a modal window. How can I call a modal window from component B by clicking on the button of component A?

Answer 1

class Parent extends React.Component {
  state = {
    someStateKey: false,
  };
 
  someHandler = () => {
    this.setState({ someStateKey: true });
  };
  
  render() {
    return (
      <Wrapper>
        <ChildA someHandler={this.someHandler} />
        <ChildB stateKey={this.state.someStateKey} />
      </Wrapper>
    );
 }  
}

Lifting state up
I still advise you to master the official Tutorial and documentation.