javascript - 通过单击发送相应组件的 id
问题描述
我试图通过点击事件发送相应对象的 id,但我总是最终被发送合成 onClick 事件,我该如何更改?我的对象数组如何:
[
{
id:uuidv4(),
data:[]
}
]
我的onClick={(id)=>handleOpen(id)}
编辑:建议通过以下方式更改按钮的渲染:
<button onClick={(e)=>addPieChartGroup(e.target.id)}>Add</button>
非常感谢 !
解决方案
事件处理程序中的第一个参数始终是事件本身。id
除了参数名称之外,您不会使用 更改任何内容。这样您就可以event
通过访问id
变量来访问,但您的id
变量仍然引用event
.
您需要访问正确的属性才能获取 id。
onClick={(event)=>handleOpen(event.target.id)}
推荐阅读
- r - R中死亡率指标的7天滚动平均值
- http - 如何使用 Luvit HTTPS 执行简单的 GET 请求
- javascript - React Router DOM 的 Router 不能正确接受历史
- php - Woocommerce 自动填充合同字段
- objective-c - 沙盒应用程序文件访问类型位置写入文件
- visual-studio - 在 Visual Studio 扩展中实现“导航到定义”(Ctrl+单击)
- python - 在 pyarrow 表中获取不同行的最快方法是什么?
- html - 将 tab_model() 输出导出到 R 中的 csv
- reactjs - React material-ui 和 reactstrap 表单与按钮新行内联
- javascript - 跨应用程序实例表达持久会话 cookie