typescript 如何< select>在React中使用〈option value={true}>？

k4ymrczo 于 2023-03-13 发布在 TypeScript

关注(0)|答案(3)|浏览(172)

下面的代码：

<option value={false}>{getIntl('modals.users.suspended.unlocked')}</option>
<option value={true}>{getIntl('modals.users.suspended.locked')}</option>

但这会返回以下错误：

Type 'boolean' is not assignable to type 'string | number | string[] | undefined'.

我正在使用TypeScript，在Interface中，该元素的值被设置为boolean数据类型。是否有办法在select下拉列表中使用true/false？

typescript

来源：https://stackoverflow.com/questions/51651980/how-to-use-selectoption-value-true-in-react

3条答案

按热度按时间

vnjpjtjt1#

option的value属性只接受字符串或数字类型，您提供的是布尔值。
试着用双引号或单引号把它括起来。"true"或"false"，它们是字符串。

赞(0）回复(0）举报 2023-03-13

6l7fqoea2#

请改用0 1数字类型。类型转移时，0表示false，1表示true

赞(0）回复(0）举报 2023-03-13

jjhzyzn03#

选择选项值必须是字符串或数字。如果要插入布尔值，可以使用字符串形式的**“true”/“false”，否则可以使用数字类型1表示true，2表示false。**
不要使用0表示false，因为它选择了选项，但没有出现在输入框中。
或者，您可以使用1表示真**，使用2表示假。
例如

let Priority = [
  {value:1, label: "True"},
  {value:2, label: "False"}
]

赞(0）回复(0）举报 2023-03-13

我来回答

typescript 如何< select>在React中使用〈option value={true}>？

3条答案

相关问题

热门标签

最新问答