from原生表单 react radio

在React中，如果你想要创建一个多选按钮组（Radio Button Group），可以使用HTML的`<input type="radio">`元素结合React的状态管理来实现。`from`通常是指从一个组件库导入某个组件，比如`import Radio from 'antd/lib/radio';`这里我们假设你是在Ant Design UI库中使用Radio组件。

以下是一个简单的示例：

import React, { useState } from "react";
import { Radio } from "antd";

const RadioButtonGroupExample = () => {
  const [selectedOption, setSelectedOption] = useState("");

  const options = ["Option A", "Option B", "Option C"];

  return (
    <div>
      <Radio.Group value={selectedOption} onChange={(e) => setSelectedOption(e.target.value)}>
        {options.map((option, index) => (
          <Radio key={index} value={option}>
            {option}
          </Radio>
        ))}
      </Radio.Group>

      <p>Selected Option: {selectedOption}</p>
    </div>
  );
};

export default RadioButtonGroupExample;

在这个例子中，`Radio.Group`包裹了多个`Radio`组件，当用户选择其中一个选项时，`onChange`事件会被触发，更新`selectedOption`的状态，从而显示所选的选项。