Reactjs 在选择标记中添加默认值选项

我在应用程序中使用select标记：

option.children.toLowerCase（）.indexOf（input.toLowerCase（））>=0
}
>
杰克
露西
汤姆
,
document.getElementById（“容器”）

您提供的默认值是

['Lucy']

（大写），但选项中提供的值是'Lucy'、'jack'和'tom'都是小写的。这就是为什么

Select

将默认值视为另一个值的原因

解决方案要么提供与选项

defaultValue={[“lucy”]}

中使用的相同的默认值，要么在

Option

中使用大写值，如果您希望默认值也是大写的

option.children.toLowerCase（）.indexOf（input.toLowerCase（））>=0
}
>
杰克
露西
汤姆
,
document.getElementById（“容器”）

---

Codesandbox演示，

您提供了

['Lucy']

（大写）作为默认值，但选项中提供的值是'Lucy'、'jack'和'tom'都是小写的。这就是为什么

Select

将默认值视为另一个值的原因

解决方案要么提供与选项

defaultValue={[“lucy”]}

中使用的相同的默认值，要么在

Option

中使用大写值，如果您希望默认值也是大写的

option.children.toLowerCase（）.indexOf（input.toLowerCase（））>=0
}
>
杰克
露西
汤姆
,
document.getElementById（“容器”）

---

Codesandbox演示，

选项值为“lucy”，您可以将默认值设置为“lucy”（带大写字母）。因此，默认值不起作用。将默认值设置为“lucy”。

选项值为“lucy”，您可以将默认值设置为“lucy”（带大写字母）。因此，默认值不起作用。将默认值设置为“lucy”。

默认值数组元素应与选项的值属性相同。在您的情况下，lowercase.use defaultValues='lucy'您传递的arraydefault值数组元素应该与Option的value属性相同。在您的示例中，lowercase.use defaultValues='lucy'您正在传递一个数组