React-tags: सर्वर-साइड स्वत: पूर्ण उदाहरण?

सौभाग्य से, मैंने कुछ दिन पहले ऐसा किया था : https://github.com/i-like-robots/react-tags/compare/v5.13.0...async-fetch-example

याय!, बस इसी की तलाश में!

अक्ष और हुक के साथ उदाहरण:

  //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-robots PR . जैसा ही रहता है

उदाहरण के लिए धन्यवाद, ऐसा लगता है कि @i-like-robots में एक छोटी सी समस्या है।
विकल्प सूची सीधे onInput कस्टम हैंडलर https://github.com/i-like-robots/react-tags/blob/6.0/lib/ReactTags.js#L130 के बाद अपडेट की जाती है
हालांकि, जब मैं onInput हैंडलर के अंदर सर्वर से पूछता हूं तो इसमें कुछ समय लगता है।
परिणामस्वरूप, विकल्प सूची में हमेशा पिछली कॉल के सुझावों की सूची होती है, नवीनतम की नहीं।