Question

我正在尝试获取Checkbox的对象并从中提取id。我的标记代码：

<div style={{display: 'inline-block', }}><Checkbox id='q1' onclick={toggleField(this)}/></div>
<div style={{display: 'inline-block', }}><Checkbox id='q2' onCheck={toggleField(this)}/></div>

功能：

 toggleField = (obj) => {
    console.log("id : " + obj.id);
  }

Aaaannnd这给了我错误。它说toggleField is not defined。我在检查时会尝试q1或q2。

我在基本的html和js中准备了类似的演示来测试我的逻辑。标记代码

<input id='c1' type='checkbox' onclick='handleClick(this);'>Check Me</label>

js代码

handleClick = (cb) => {
  console.log("Clicked, new value = " + cb.id);
}

它给了我c1这是我想要的。

如何为jsx实现相同的结果？

Answer 1

在JSX中它的onClick。当然，在构造函数中添加一个绑定会很好，例如：this.toggleField = this.toggleField.bind（this）

您将获得toggleField（事件），并在活动中尝试使用event.target等目标从那里获取您的ID。

希望这有帮助。

通过获取对象获取material-ui复选框的ID复选框

1 个答案: