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

Question

我想制作一个带有单选按钮的表单，但是单选按钮不会仅显示标签

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>
);
};

Answer 1

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

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

将其删除，我的单选按钮可以按预期的方式工作。