搜索下拉点击进入下一页

Question

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

Answer 1

引用你的codesandbox；你做错的是onChangeHandler。

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

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

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

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

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

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

搜索下拉点击进入下一页

search drop down clicked take to next page

html

javascript

typescript

reactjs

antd