event.target 在单选按钮的 onChange 上未定义答案

【问题标题】：event.target is undefined on a onChange in radio buttonevent.target 在单选按钮的 onChange 上未定义
【发布时间】：2021-07-08 21:53:41
【问题描述】：

例如：

const Example = () => {
    const letterChange = (e) => {
       console.log(e.currentTarget.value);
    }

    return (
       <input 
          type='radio'
          value='X'
          name='radioButton'
          onChange={letterChange}
       />
       <input 
          type='radio'
          value='Y'
          name='radioButton'
          onChange={letterChange}
       />
      )
}

console.log(e.currentTarget.value) 正在返回 'Could not read property "value" of undefined'。

有人知道为什么吗？我搜索了类似的问题，但其中任何一个都可以解决我的情况，这对我来说是新的。

在这种情况下，我将无法检查单选按钮的值，因此什么也不做。在此先感谢:)

【问题讨论】：

您似乎缺少反应片段？
一旦我将反应片段放在输入周围，代码是否有效？ e.currentTarget.value 已定义。
它在这里工作 - codesandbox.io/s/gifted-cookies-9qm7q?file=/src/App.js
突然间它开始起作用了。感谢所有的答案和 cmets :)

标签： javascript reactjs radio-button

【解决方案1】：

是的，我猜你忘记用反应片段包装你的元素了。


const Example = () => {
  const letterChange = (e) => {
    console.log(e.currentTarget.value);
  }

  return (
    <>
      <input
        type='radio'
        value='X'
        name='radioButton'
        onChange={letterChange}
      />
      <input
        type='radio'
        value='Y'
        name='radioButton'
        onChange={letterChange}
      />
    </>
  )
}

【讨论】：