React:检测自定义开关按钮上的选定选项

import React, { useState } from 'react';

const SwitchButton = () => {
  const [selectedOption, setSelectedOption] = useState('');

  const handleSwitch = (option) => {
    setSelectedOption(option);
  };

  return (
    <div>
      <button onClick={() => handleSwitch('option1')}>Option 1</button>
      <button onClick={() => handleSwitch('option2')}>Option 2</button>
      <button onClick={() => handleSwitch('option3')}>Option 3</button>

      <div>
        {selectedOption === 'option1' && <p>Option 1 is selected.</p>}
        {selectedOption === 'option2' && <p>Option 2 is selected.</p>}
        {selectedOption === 'option3' && <p>Option 3 is selected.</p>}
      </div>
    </div>
  );
};

export default SwitchButton;