在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