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