如何获取另一个React组件的按钮值？

Question

我有一个带有按钮数组的表单组件，我在其中使用了带有值

attribute

的图标，如下所示：

<button value={'admin'} onClick={(e)=> handleClick(e.target.value)}>
      <FaUserSecret classname="text-lg" />
</button>

在

handleClick

函数中，

e.target.value

返回图标而不是

admin

。

提前感谢😄💗。

我尝试将

e

作为参数传递并在函数中使用它的值，但仍然相同。

Answer 1

您能否详细说明一下或与我们分享更多代码。因为我尝试了你给定的代码并且工作正常。我得到 'admin' 作为输出。

    <div className='App'>
      <button value={'admin'} onClick={(e)=> console.log(e.target.value)}>
     Click
      </button>
    </div>

Answer 2

试试这个：

<button value={'admin'} onClick={e => handleClick(e.target.value)}>
      <FaUserSecret classname="text-lg" />
</button>

你不应该在“e”两边使用括号。

Answer 3

您可以使用

e.currentTarget.getAttribute("value")

方法获取分配给按钮的管理值。

CodeSandbox代码参考

e.target 和 e.currentTarget 之间的差异 - e-target 与 e-currenttarget 之间的差异