如何在类别选择时显示/消失某些| ReactJS

import React, { useState } from 'react';

const CategorySelector = () => {
  const [selectedCategory, setSelectedCategory] = useState(null);

  const handleCategorySelect = (category) => {
    setSelectedCategory(category);
  };

  return (
    <div>
      <h2>类别选择</h2>
      <button onClick={() => handleCategorySelect('类别1')}>类别1</button>
      <button onClick={() => handleCategorySelect('类别2')}>类别2</button>
      <button onClick={() => handleCategorySelect('类别3')}>类别3</button>

      {selectedCategory === '类别1' && <div>类别1相关内容</div>}
      {selectedCategory === '类别2' && <div>类别2相关内容</div>}
      {selectedCategory === '类别3' && <div>类别3相关内容</div>}
    </div>
  );
};

export default CategorySelector;