'event' 已被弃用- React 更改处理程序应该使用什么来代替

Question

我目前正在使用 Material UI 构建 React 应用程序。我正在尝试构建一个带有下拉列表的 Select 组件，并且在编写 handleChange 函数时，我收到一条警告，指出我的函数参数 event 已被弃用。

我以前在编辑其他具有依赖于事件变量的函数的应用程序时看到过这种情况。在网上查看时，我看到了使用 .bind 或 .addEventListener 的建议，但我并不完全理解它们是如何工作的。它似乎也使代码变得更丑陋...

我想我只是在寻找一些关于如何在 MUI Select 组件的情况下实施这些替代方案的建议。这就是我想要写的：

const handleChange= (event: any) => {
  setState(event.target.value);
};

这样我就可以在渲染函数中轻松使用它了：

   <Select
      native
      value={binary}             \ (state variable)
      onChange={handleChange}    \ (nice and simple function ref)
      inputProps={{
        name: 'binary',
        id: 'binary-select',
      }}
   >

如果 event 被弃用，我是否会因为使用它而面临失去功能的风险？如果我应该使用我在网上看到的这些替代解决方案，我将如何在这种情况下应用它们？

谢谢！

Answer 1

我猜 VSCode 将我的事件参数误认为是已弃用的 GLOBAL 事件处理程序。正如其他人的评论所指出的，使用事件作为参数是完全可以的！

'Problem' 解决了。

'event' 已被弃用- React 更改处理程序应该使用什么来代替

'event' is deprecated- what to use instead for React change handlers

reactjs

material-ui

event-handling

onchange