使用React，我尝试生成代表三个集合的三个按钮，当单击时，将把您带到那个卡片集合

import React, { useState } from 'react';

const CardCollections = () => {
  const [selectedCollection, setSelectedCollection] = useState(null);

  const handleCollectionClick = (collection) => {
    setSelectedCollection(collection);
  };

  return (
    <div>
      <button onClick={() => handleCollectionClick('Collection 1')}>
        Collection 1
      </button>
      <button onClick={() => handleCollectionClick('Collection 2')}>
        Collection 2
      </button>
      <button onClick={() => handleCollectionClick('Collection 3')}>
        Collection 3
      </button>

      {selectedCollection && (
        <div>
          You are now in {selectedCollection} collection.
        </div>
      )}
    </div>
  );
};

export default CardCollections;