Question

使用Antd时，我发现无法在Select的输入中指定文本这是我的代码：

val item = {id: id1, name: name1, key1: value1, key2: value2, key3: value3}
<Select.Option value={item.id}>
    <Card>
        <p>key1: {item.key1}</p>
        <p>key2: {item.key2}</p>
        <p>key3: {item.key3}</p>
    </Card>
</Select.Option>

现在当我选择Select时，我会在输入字段中得到一个Card组件，这很难看。我想在下拉列表中显示Card组件时在输入字段中显示item.name 你们能知道如何处理吗？

Answer 1

在下拉列表中显示Card组件时，无法在输入字段中显示item.name。

输入字段和下拉列表中显示的内容必须相同。

以下是显示输入字段和下拉列表的item.name的方法：

import { Select } from 'antd';
const Option = Select.Option;

<Select>
   <Option key={item.id}>{item.name}</Option>
</Select>

Antd：当我的Select.Option是一个组件

1 个答案: