有没有办法在react JS中使用onClick有条件地呈现内容？

import React, { useState } from 'react';

function MyComponent() {
  const [showContent, setShowContent] = useState(false);

  const handleClick = () => {
    setShowContent(!showContent);
  };

  return (
    <div>
      <button onClick={handleClick}>点击显示/隐藏内容</button>
      {showContent && <div>要显示的内容</div>}
    </div>
  );
}

export default MyComponent;