How to clear AntDesign select?

Question

I use React Ant Design and i need to clear selected value in AntD select. How can i do this without using value prop ?

Example

Answer 1

You can try prop allowClear of Select

<Select
   mode="tags"
   style={{ width: "100%" }}
   onChange={handleChange}
   tokenSeparators={[","]}
   allowClear
>
  {children}
</Select>

Answer 2

Created stackblitz for you. It is not easy to programmatically clear the value of antd-select, but it can be done with fireChange