如何在反应 ts 中将布尔值传递给 Material UI MenuItem 值？答案

【问题标题】：How to pass boolean into Material UI MenuItem value in react ts?如何在反应 ts 中将布尔值传递给 Material UI MenuItem 值？
【发布时间】：2021-09-15 05:48:24
【问题描述】：

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

这个错误指向的行如下所示：

<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>

任何帮助将不胜感激。谢谢！

【问题讨论】：

标签： reactjs typescript material-ui tsx react-tsx

【解决方案1】：

如错误中所述 - value 预期的类型是 string | number | readonly string[] | undefined。因此，您不能将布尔值传递给 value 属性。

很难从您的代码 sn-p 中看出您想要完成什么，但您可能需要重新考虑代码的结构。例如，

<MenuItem onClick={() => handlePO_status(true)}>Yes</MenuItem>
<MenuItem onClick={() => handlePO_status(false)}>No</MenuItem>

【讨论】：