我目前正在使用 Material UI 构建一个 React 应用程序。我正在尝试构建一个带有下拉菜单的 Select 组件,当我编写 handleChange 函数时,我收到一条警告,提示我的函数参数event已被弃用。
我以前在编辑具有依赖于事件变量的函数的其他应用程序时见过这种情况。在网上查看时,我看到了使用.bind或.addEventListener替代的建议,但我不完全理解它们是如何工作的。它似乎也使代码变得更加丑陋......
我想我只是在寻找一些关于如何在 MUI Select 组件的情况下实现这些替代方案的建议。这就是我想写的:
const handleChange= (event: any) => {
setState(event.target.value);
};
Run Code Online (Sandbox Code Playgroud)
这样我就可以轻松地在渲染函数中使用它:
<Select
native
value={binary} \\ (state variable)
onChange={handleChange} \\ (nice and simple function ref)
inputProps={{
name: 'binary',
id: 'binary-select',
}}
>
Run Code Online (Sandbox Code Playgroud)
如果event已弃用,我将来使用它是否会面临失去功能的风险?如果我应该使用我在网上看到的这些替代解决方案,在这种情况下我将如何应用它们?
谢谢!
我的公司正在使用 date-fns,我试图设置一个等于当前日期+时间的变量。我们必须使用date-fns,并且格式指定为'YYYY-MM-DDThh:mm:ss.dddddd'。
我怎样才能做到这一点?我简单地尝试过format(new Date(), 'YYYY-MM-DDThh:mm:ss:dddddd'),但没有按预期工作。
(还有“T”是什么意思?只是为了指定随后进行的时间测量?以及 d 是什么?)
谢谢!!