reactjs - 如何在 react ts 中将 bool 值传递给 Material UI MenuItem 值？

Question

我是 React 新手，在传递一个简单的 bool 值作为 Material UI 库中 MenuItem 的 Prop 时遇到了一些麻烦。我不认为解决方案太复杂。有人可以告诉我如何解决此错误吗？

该错误所指向的行如下所示:

<MenuItem value={true}>Yes</MenuItem>

错误看起来像这样:

  The last overload gave the following error.
TS2769: No overload matches this call.
    Type 'true' is not assignable to type 'string | number | readonly string[] | undefined'.
    402 |                                 onChange={handlePO_status}
    403 |                             >
  > 404 |                                 <MenuItem let value={true}>Yes</MenuItem>
        |                                               ^^^^^
    405 |                                 <MenuItem value={false}>No</MenuItem>
    406 |                             </Select>
    407 |                         </FormControl>

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

这对我有用，它实际上也在底层表单状态中保留了 boolean 类型(在 Material-UI v5 中)。

<MenuItem value={true as any}>True</MenuItem>
<MenuItem value={false as any}>False</MenuItem>