React Semantic UI Search 組件一次只接受一個字符（這也消除了之前的輸入）

Question

我正在使用語義 UI 中的搜索組件。 當我 console.log 我在搜索字段中輸入的內容時，只打印一個字符（ 'abcd' 將打印為 'a', 'b', 'c', 'd' ）並且搜索字段不會顯示任何字符，就好像它不接受任何輸入一樣。 但是如果我改用<Input> </Input> ，這些問題就消失了。
代碼示例在這里

Answer 1

這按預期工作。 您是否忘記實際設置 state？

const handleSearchChange = useCallback((e, data) => {
    setValue(data.value);
    setLoading(!loading);
  }, []);