React:如何在开始时取消选中所有无线输入

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedInputs: [],
    };
  }

  handleInputChange = (event) => {
    const { selectedInputs } = this.state;
    const { target } = event;
    const { checked, value } = target;

    if (checked) {
      // 添加选中的输入到selectedInputs
      this.setState((prevState) => ({
        selectedInputs: [...prevState.selectedInputs, value],
      }));
    } else {
      // 从selectedInputs中移除取消选中的输入
      this.setState((prevState) => ({
        selectedInputs: prevState.selectedInputs.filter((input) => input !== value),
      }));
    }
  };

  componentDidMount() {
    // 取消选中所有无线输入
    const wirelessInputs = document.querySelectorAll('input[type="radio"]');
    wirelessInputs.forEach((input) => {
      input.checked = false;
    });
  }

  render() {
    return (
      <div>
        <input type="radio" value="input1" onChange={this.handleInputChange} />
        <input type="radio" value="input2" onChange={this.handleInputChange} />
        <input type="radio" value="input3" onChange={this.handleInputChange} />
        {/* 其他无线输入 */}
      </div>
    );
  }
}

export default MyComponent;