React 中使用 Select 组件切换数据

要实现在 React 中点击 Select 切换数据，可以使用以下步骤：

创建一个 state 变量来存储选中的数据，例如：

const [selectedData, setSelectedData] = useState(null);

创建一个 Select 组件，并将需要切换的数据作为选项传递给它，例如：

<Select onChange={(e) => setSelectedData(e.target.value)}>
  <option value='data1'>数据1</option>
  <option value='data2'>数据2</option>
  <option value='data3'>数据3</option>
</Select>

在需要显示数据的地方，根据 selectedData 的值来渲染相应的数据，例如：

{selectedData === 'data1' && <div>这是数据1</div>}
{selectedData === 'data2' && <div>这是数据2</div>}
{selectedData === 'data3' && <div>这是数据3</div>}

这样，当用户在 Select 中选择不同的选项时，selectedData 的值会被更新，从而触发相应的数据显示或隐藏。