onChange 事件清除输入

Question

我想在成功选择后清除输入字段（在单选模式下） - 我知道这不是一个正常的用例，所以我找不到方法我并不感到惊讶在文档中执行此操作。有没有我可以使用的解决方法？

Answer 1

typeahead 实例公开一个public clear method，您可以在onChange 处理程序中使用它来在成功选择后重置组件：

const MyTypeahead = () => {
  const typeaheadRef = useRef(null);

  return (
    <Typeahead
      ...
      onChange={s => {
        if (s.length) {
          typeaheadRef.current.clear();
        }
      }}
      options={[ ... ]}
      ref={typeaheadRef}
    />
  );
};

工作示例：https://codesandbox.io/s/rbt-clear-on-change-59kgq