在react js中,当点击按钮内部的图标时,无法获得按钮值
P粉364129744
P粉364129744 2023-07-22 09:47:02
[HTML讨论组]

所以我试图从按钮中获取值。这是我的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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号