首页 > 解决方案 > 通过单击发送相应组件的 id

问题描述

我试图通过点击事件发送相应对象的 id,但我总是最终被发送合成 onClick 事件,我该如何更改?我的对象数组如何:

[
        {
            id:uuidv4(),
            data:[]
        }
    ]

我的onClick={(id)=>handleOpen(id)}

编辑:建议通过以下方式更改按钮的渲染:

<button onClick={(e)=>addPieChartGroup(e.target.id)}>Add</button>

非常感谢 !

标签: javascriptreactjs

解决方案


事件处理程序中的第一个参数始终是事件本身。id除了参数名称之外,您不会使用 更改任何内容。这样您就可以event通过访问id变量来访问,但您的id变量仍然引用event.

您需要访问正确的属性才能获取 id。

onClick={(event)=>handleOpen(event.target.id)}


推荐阅读