如何在反应中访问此事件的值？

Question

我希望能够访问输入的值，通常我通常使用 event.target.value 检索它，但这次不可能，因为 event.target 路径向我抛出一个 li 元素:

它是 material UI 库的一个组件：

<MenuItem
  onClick={handleItemValue}
  value={"VALUE TO RECOVER"}
>
 Option Text
</MenuItem>

Answer 1

给你举个例子：

const handleItemValue = (value) => {
   //you can access to `value`
}

<MenuItem
   onClick={() => handleItemValue("VALUE TO RECOVER")}
>
  Option Text
</MenuItem>

Answer 2

value 属性通常用于设置值，而不是读取它。如果这是一个功能组件，我会推荐 useRef 挂钩：

let menuItemRef = React.useRef(null);

<MenuItem
   ref={menuItemRef}
>
     Option Text
</MenuItem>

如果您需要在点击时获取元素中包含的文本，您可以像这样使用 innerText：

<MenuItem
   ref={menuItemRef}
   onClick={()=>console.log(menuItemRef.current.innerText)}
>
     Option Text
</MenuItem>

不确定您要对单击值执行什么操作，但这会将其记录到控制台。基本上，您可以通过创建 ref 然后调用 refName.current.innerText

来在 <li> 或 <p> 等元素中找到字符串

如何在反应中访问此事件的值？

How can I access the value of this event in react?

javascript

dom-events

reactjs

material-ui