Popular posts

Maybe something like this might work for your case.

// Button.jsx
const Button = (props)=> (
   <button type="button" onClick={props.handleClick}>{JSON.stringify(props.txt)}</button>
);

export default Button;

state = { isOn: false }; 

handleClick() {
    this.setState({isOn: !this.state.isOn})
 }

render() {
  const { isOn } = this.state;

  return (
    <div>
      <Button 
        txt={this.state.isOn},
        handleClick={this.handleClick}
      />
      <span>{isOn ? "Hello" : "Bye"}</span>
    </div>
  );
}