如何使用“纯”react创建一个RadioButtonGroup？

import React from 'react';

class RadioButtonGroup extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedValue: ''
    };
  }
}

handleChange = (event) => {
  this.setState({
    selectedValue: event.target.value
  });
}

render() {
  const { options } = this.props;
  const { selectedValue } = this.state;

  return (
    <div>
      {options.map((option, index) => (
        <label key={index}>
          <input
            type="radio"
            value={option.value}
            checked={selectedValue === option.value}
            onChange={this.handleChange}
          />
          {option.label}
        </label>
      ))}
    </div>
  );
}

export default RadioButtonGroup;

import React from 'react';
import RadioButtonGroup from './RadioButtonGroup';

class App extends React.Component {
  render() {
    const options = [
      { value: 'option1', label: 'Option 1' },
      { value: 'option2', label: 'Option 2' },
      { value: 'option3', label: 'Option 3' }
    ];

    return (
      <div>
        <h1>RadioButtonGroup Example</h1>
        <RadioButtonGroup options={options} />
      </div>
    );
  }
}

export default App;