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

Question

我有以下代码：

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

Answer 1

option的value属性只接受字符串或数字类型，您提供的是布尔值。

试着用双引号或单引号将其括起来。例如："true"或"false"，它们是字符串。

Answer 2

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

Answer 3

选择选项值必须是字符串或数字。如果您想插入布尔值，可以使用字符串方式"true"/"false">否则，您可以使用数字类型1表示true，2表示false

不要将0用于false，因为它"选择了选项，但没有出现在输入框中"。

或者，您可以使用1表示true，使用2表示false

例如

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