React-tags: サーバー側のオートコンプリートの例？

幸いなことに、私は数日前にこれを行いました😄： https ：

イェーイ！、これを探しているだけ！

axiosとフックの例：

  //initial api call
  const [{ data: labelsData }, doGetLabels] = useAxios({
    url: '/labels',
  })

  const [suggestions, setSuggestions] = useState([])
  const [busy, setBusy] = useState(false)
  const handleInputChange = debounce((name) => {
    if (!busy) {
      setBusy(true)
      doGetLabels({ params: { name } })
    }
  })
  //getResponseData is my custom parser for the BE response
  useEffect(() => {
    const labels = labelsData ? getResponseData(labelsData).labels : []
    if (setBusy) {
      setBusy(false)
    }
    setSuggestions(labels)
  }, [labelsData])

残りのコードは@ i-like-robotsPRと同じままです

例をありがとう、@ i-like-robotsに小さな問題があるようです。
オプションリストは、 onInputカスタムハンドラーhttps://github.com/i-like-robots/react-tags/blob/6.0/lib/ReactTags.js#L130の直後に更新され
ただし、 onInputハンドラー内のサーバーにクエリを実行すると、時間がかかります。
その結果、オプションリストには、最新の呼び出しではなく、前の呼び出しからの提案のリストが常に含まれます。