如何修改antd中单选框在前端的显示状态，我用 props修改失败

您好，关于您的问题，可以用 antd 中的 Form 组件进行实现。具体操作如下：

1. 在 Form.Item 中使用 Radio.Group 组件作为单选框的容器。
2. 在 Radio.Group 中设置 value 属性为当前选中的值，onChange 属性为选中值发生改变时的回调函数。
3. 在回调函数中调用 props 中保存的修改状态函数，将当前选中值保存到状态中。

以下是示例代码：

import { Form, Radio } from 'antd';

const MyComponent = (props) => {

  const [selectedValue, setSelectedValue] = useState(props.initialValue)

  const handleRadioChange = (e) => {
    const value = e.target.value;
    setSelectedValue(value);
    props.onChange(value);
  }

  return (
    <Form.Item label="单选框" name="radio">
      <Radio.Group value={selectedValue} onChange={handleRadioChange}>
        <Radio value={1}>选项1</Radio>
        <Radio value={2}>选项2</Radio>
        <Radio value={3}>选项3</Radio>
      </Radio.Group>
    </Form.Item>
  )
}

注意：props 中的修改状态函数需要在父组件中定义并传递给当前组件。