小编Bun*_*bit的帖子

Ant Design - 在选择中搜索键和值

如果我有一个带有显示名称(例如“John Smith”)和用户名(例如“johsmi”)的用户对象,我该如何搜索显示名称和用户名?

这个例子只会搜索用户名,即它会找到“johsmi”,而不是“Smith”:

<Select
  showSearch={true}
  optionFilterProp="children"
  placeholder="Select account"
>
  {users.map(user => (
    <Select.Option value={user.name}>
      {user.displayName}                        
    </Select.Option>
  ))}
</Select>
Run Code Online (Sandbox Code Playgroud)

我最终在 key 属性中添加了显示名称以使其可搜索,但我想知道这是否是推荐的方法:

<Select.Option key={user.displayName} value={user.name}>
  {user.displayName}                        
</Select.Option>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs antd

6
推荐指数
2
解决办法
7271
查看次数

标签 统计

antd ×1

javascript ×1

reactjs ×1