我怎么才能用if else render react隐藏一个div呢？

import React from 'react';

class ExampleComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showDiv: true
    };
  }

  toggleDiv = () => {
    this.setState(prevState => ({
      showDiv: !prevState.showDiv
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.toggleDiv}>Toggle Div</button>
        {this.state.showDiv && <div>This div is shown or hidden based on condition</div>}
      </div>
    );
  }
}

export default ExampleComponent;