搜索下拉点击进入下一页

Question

这里的新反应开发人员，英语不是我的母语，我有简单的 antd 下拉菜单（我知道这段代码还有一些其他问题，但我想在这里修复一件事）。用户应该能够在搜索中写入然后从下拉列表中单击（目前用户只能从下拉列表中单击并且不能通过写入进行搜索）从下拉列表中单击然后应该单击按钮“在搜索中找到时单击我”如何拥有用户可以通过写作进行搜索吗？这是我的代码： https://codesandbox.io/s/basic-usage-antd4150-forked-k8q4s?file=/index.js:1407-1428 不关心代码中的这个注释：' {/* 当在搜索中找到时，我希望这个按钮也带到'onChange'地址*/} '

Answer 1

引用您的代码框； 你做错的是onChangeHandler。

您需要做的是，当您的输入更改时，您的 changeHandler 应该将该更改存储在某处，然后当单击按钮时，为下一页使用相同的数据。

请参阅下文并更改您的变更处理程序。并且下一页触发器应该绑定到另一个函数调用，即。点击处理程序。 应从按钮调用单击处理程序。通过这样做，用户可以键入和搜索，也可以从选项中进行选择。

const [selectedValue, setSelectedValue] = useState("");

 const changeHandler = (value) => {
    setSelectedValue(value);
  };

  const clickHandler = () => {
    nextPage(selectedValue);
  };

 ....<button onClick={clickHandler}> ......