如何让一个块出现在reactjs中？

import React, { useState } from 'react';

function MyComponent() {
  const [isBlockVisible, setBlockVisible] = useState(false);

  // 其他组件代码...

  return (
    <div>
      {/* 根据状态变量isBlockVisible来决定是否渲染块 */}
      {isBlockVisible && <div>这是一个块</div>}
    </div>
  );
}

function MyComponent() {
  const [isBlockVisible, setBlockVisible] = useState(false);

  const handleClick = () => {
    setBlockVisible(!isBlockVisible); // 切换isBlockVisible的值
  };

  return (
    <div>
      <button onClick={handleClick}>点击切换块的显示</button>
      {isBlockVisible && <div>这是一个块</div>}
    </div>
  );
}