Question

我正在将React.Js与react-bootstrap一起使用。

当用户单击单选按钮时，我期望的是单选按钮的ID和值应该传递给某些函数，以便我可以对该值进行一些操作。

单选按钮功能

renderApptype = (data) =>  {
    if(data!=null){
      return (
        <tr key={data.id}>
          <td key={data.id}>
            <Radio name="radioGroup" id={data.id} onChange={ (id,value,e) => { this.sending(id,value,e) } } value={data.appType}>{data.appType}</Radio>
          </td>
        </tr>
      );
    }
  }

我想要结果的功能。

sending = (id,value,e) => {
    console.log("id = ",id);
  }

问题无法获取将单选按钮的ID和值作为参数传递的方法。

感谢帮助。

Answer 1

将回调函数写为：

(e) => { const {target: {id, value}} = e; this.sending(id, value, e); }

onChange事件将仅使用event对象作为参数来调用函数。因此，您需要自己完成其余的处理工作。

但是，我会将您的函数重写为

sending = (e) => {
  const {target: {id, value}} = e;
  console.log("id = ",id);
}

并保持回调函数整洁，仅将函数对象作为props值传递。

<Radio name="radioGroup" id={data.id} onChange={this.sending}.. />

没有使用react.js将方法传递单选按钮的id和值作为参数

1 个答案: