React - click to change render method to display state's value

Question

Now we’ll change the Square’s render method to display the current state’s value when clicked:

class Square extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null,
    };
  }
  render() {
    return (
      <button className="square" 
      onClick={() => this.setState({value: 'x'}) }
      > 
        {this.state.value}
      </button>
    );
  }
}
 
export default Square;