在react js中,当点击按钮内部的图标时,无法获得按钮值
P粉364129744
P粉364129744 2023-07-22 09:47:02
0
1
446

所以我试图从按钮中获取值。这是我的button:

<button
  className="toggle__btn"
  value={el._id}
  onClick={toggle}
>
     <i className="fa-solid fa-circle-info fs-4"></i>
</button>

函数如下

const toggle = (event) => {
    const id = event.target.value;
    console.log(id);
  };

问题是我不能得到的值,如果我点击图标,但我可以当我点击图标外,但仍在按钮内(有图标外的空白空间)。我希望它返回id,即使当图标被点击。怎么做呢?为什么会发生这种情况?

P粉364129744
P粉364129744

全部回复(1)
P粉761718546

试试

const toggle = (event) => {
    const id = event.currentTarget.value;
    console.log(id);
};

看看这个 https://medium.com/@etherealm/currenttarget-vs-target-in-js-2f3fd3a543e5

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!