antd select 带有搜索功能的选项

Question

我不知道这是否可行，但目前当用户从 select 选项中单击时，它将转到特定的 url，我的意思是我们可以在 [=23] 中使用搜索功能=] 这样用户就可以从数百个选项中进行搜索，然后选择它并单击按钮，该按钮也应该转到相同的 'onChange' 地址。您也可以建议其他选项，即使没有 select 但功能必须相同，这是我的代码：

import "antd/dist/antd.css";
import { Select } from "antd";
// import { Link, useHistory, useRouteMatch, useParams } from "react-router-dom";

function EventsSection() {
  // const history = useHistory();
  const { Option } = Select;

  // const changeHandler = (id) => {
  //   history.push(`/customer/${id}`);
  // };
  return (
    <div>
      {/* when found in search i want this button take to  'onChange' address also*/}
      <button>click me when found in search</button>
      <Select
        style={{ width: 200 }}
        placeholder="Search..."
        mode="multiple"
        open={true}
        listHeight={128}
        // onChange={changeHandler}
      >
        <Option value="1">Not Identified</Option>
        <Option value="2">Closed</Option>
        <Option value="3">Communicated</Option>
        <Option value="4">Identified</Option>
        <Option value="5">Resolved</Option>
        <Option value="6">Cancelled</Option>
      </Select>
    </div>
  );
}

export default EventsSection;

Answer 1

第一部分完成。查看 CodeSanbox.

第二部分我还不清楚。

正是这部分

and then that button can be cliked which should take user to that ’onChange’

antd select 带有搜索功能的选项

antd select option with search functionality

html

javascript

css

reactjs

antd