javascript - 取消选中 react 中的单选按钮

我认为这是一个非常愚蠢的怀疑，但我被困在这个问题中...... 我有多个单选按钮，我想在单击另一个单选按钮后立即取消选中所有单选按钮。我怎样才能在 react 中实现它？

var options = [{id:1,nm:"Appointment fixed"},{id:2,nm:"Call later"},{id:3,nm:"Wrong number"},{id:4,nm:"Don't call again"},{id:5,nm:"Call later"}];
{options.map((item,i) => {
                     return (
                        <div onChange={(i)=>this.callOptions(i)}>
                           <label className="radio-inline"><input type="radio" value={i} ref={'ref_' + i} value={item.id}/>{item.nm}</label>
                        </div>
                      )
                  })}

最佳答案

为您的单选按钮提供一个通用名称属性。改变

<input type="radio" value={i} ref={'ref_' + i} value={item.id}/>

到

<input type="radio" value={i} name="abc" ref={'ref_' + i} value={item.id}/>

关于javascript - 取消选中 react 中的单选按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44317663/