Question

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

Answer 1

参考您的代码和框；你做错的是 onChangeHandler。

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

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

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

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

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

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

搜索下拉点击进入下一页

1 个答案: