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>
);
}