Чтобы использовать переключатели в компонентах на основе классов React, вы можете выполнить следующие действия:

1. Импортируйте необходимые зависимости:

   import React, { Component } from 'react';

2. Создайте компонент на основе класса:

   class RadioButton extends Component {
    constructor(props) {
      super(props);
      this.state = {
        selectedOption: '' // Holds the selected option value
      };
    }
   // Handle radio button change event
    handleOptionChange = (event) => {
      this.setState({
        selectedOption: event.target.value
      });
    };
    // Render the radio button component
    render() {
      return (
        <div>
          <label>
            <input
              type="radio"
              value="option1"
              checked={this.state.selectedOption === 'option1'}
              onChange={this.handleOptionChange}
            />
            Option 1
          </label>
          <br />
          <label>
            <input
              type="radio"
              value="option2"
              checked={this.state.selectedOption === 'option2'}
              onChange={this.handleOptionChange}
            />
            Option 2
          </label>
          <br />
          <label>
            <input
              type="radio"
              value="option3"
              checked={this.state.selectedOption === 'option3'}
              onChange={this.handleOptionChange}
            />
            Option 3
          </label>
        </div>
      );
    }
   }

3. Экспортировать компонент:

   export default RadioButton;

В этом примере у нас есть компонент под названием RadioButton, который поддерживает выбранную опцию в ее состоянии. Метод handleOptionChangeвызывается всякий раз, когда переключатель выбран или изменен, и соответствующим образом обновляет состояние компонента. Атрибут checkedкаждого переключателя устанавливается на основе выбранного параметра в состоянии.