onClick doesn't render new react component.

Question

I\'m new to react world and I have line like this:

 console.log(\"hello\")}>Button

and on cli

Answer 1

You probably want to have a stateful component that shows the other component next to the button after it was clicked. All you need to do is track whether the button was clicked:

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showComponent: false,
    };
    this._onButtonClick = this._onButtonClick.bind(this);
  }

  _onButtonClick() {
    this.setState({
      showComponent: true,
    });
  }

  render() {
    return (
      

        Button
        {this.state.showComponent ?
            :
           null
        }
      
    );
  }
}