如何设置材质顺风中选择元素的默认值?

Question

我有一个有3个选项的组件Select，但是我需要在渲染组件时设置一个默认值，顺风材料选项组件不支持所选标签。

如何在Select组件中设置默认值?

<Select label="Type Product">
<Option>Crédito</Option>
<Option>Rotativo</Option>
<Option>Renting</Option>
</Select>

Answer 1

这个库的官方文档似乎也没有对这个组件的默认值提供明确的说明。

虽然不理想，但我试图通过在Select和Option上设置匹配的value来实现它，这可能作为默认值工作，特别是如果这要用作受控组件。下面是在:stackblitz上测试的一个基本的实时演示。

的例子:

// 👇 Setting Option with value of "3" as the default value for Select
<Select value={"3"} label="Select an option">
{["1", "2", "3", "4", "5", "6"].map((item) => {
return <Option key={item} value={item}>{`Option ${item}`}</Option>;
})}
</Select>

Answer 2

在文档中说value只接受字符串，你必须传递字符串作为值并迭代数组string.

可能在您的情况下，您收到了一个对象数组并尝试在内部进行迭代…同时给出一个默认值作为字符串，这会导致组件内部混乱。

这是一个bug，你应该从repo创建一个pull request。