如何使单选按钮出现在 react.js答案

【问题标题】：How to make radio buttons appear in react.js如何使单选按钮出现在 react.js
【发布时间】：2020-01-10 16:09:27
【问题描述】：

我想用单选按钮制作一个表单，但单选按钮没有出现，只有标签出现

const PollOption = ({ selected, onChange }) => {
return (
    <div>
    {YES_NO.map((choice, id) => (
        <div key={id}>
        <label>{YES_NO[id].question}</label>
        {choice.choice.map((choices, i) =>(
            <label key={i}>
                <input type="radio"
                    name={YES_NO[id].question}
                    value={choice.choice[i].text}
                    checked={selected === choice.choice[i].text}
                    onChange={onChange} />
                {choice.choice[i].text}
            </label>
            ))}
        </div>
    ))}
  </div>
);
};

【问题讨论】：

您的代码运行良好。我创建了一个演示 here。尝试通过浏览器检查器检查您的 DOM。也许一些不需要的样式隐藏了您的无线电输入。

标签： reactjs input radio-button

【解决方案1】：

似乎是一行给我带来了麻烦：

checked={selected === choice.choice[i].text}

删除它，我的单选按钮可以正常工作。

【讨论】：