score:9

Accepted answer

use the suffixicon prop on the select component.

https://codesandbox.io/s/select-with-search-field-ant-design-demo-k217c?file=/index.js:0-679

like so:

import react from 'react'
import reactdom from 'react-dom'
import 'antd/dist/antd.css'
import './index.css'
import { select } from 'antd'
import { downcircletwotone } from '@ant-design/icons'
const { option } = select

reactdom.render(
  <select
    suffixicon={<downcircletwotone />}
    showsearch
    style={{ width: 200 }}
    placeholder="select a person"
    optionfilterprop="children"
    filteroption={(input, option) =>
      option.children.tolowercase().indexof(input.tolowercase()) >= 0
    }
  >
    <option value="jack">jack</option>
    <option value="lucy">lucy</option>
    <option value="tom">tom</option>
  </select>,
  document.getelementbyid('container')
)

Related Query

More Query from same tag