React-tags: अगले इनपुट (v6) तक सुझाव प्रोप अपडेट विकल्प सूची अपडेट नहीं करता है

हाय @yrik , डेटा फ़ेचिंग घटक द्वारा प्रदान नहीं किया जाता है बल्कि स्वयं द्वारा कार्यान्वित किया जाता है। जबकि मैं व्यक्तिगत कार्यान्वयन को डीबग नहीं कर सकता, मुझे कुछ सलाह देने में प्रसन्नता हो रही है।

#205 में दिए गए उदाहरणों का अनुसरण करते हुए, मैं आपको प्रदर्शित करने की आवश्यकता से अधिक सुझाव लाने का सुझाव दूंगा। उदाहरण के लिए यदि आप वर्तमान में 6 सुझाव प्रदर्शित करते हैं तो सर्वर से 12 या 15 लाने का प्रयास करें। इस तरह suggestionsFilter अभी भी कुछ प्रासंगिक डेटा होना चाहिए जब तक कि नए प्राप्त न हो जाएं।

वापस आने के लिए धन्यवाद!
थोड़ी अलग समस्या है।
कल्पना कीजिए कि मेरे पास " बीयर " शब्द के लिए एक स्वतः पूर्ण है

1. सुझाव सूची खाली है ( [] )
2. उपयोगकर्ता प्रकार "हो" -> सर्वर [मधुमक्खी, दाढ़ी, चुकंदर, बियर] (हम कुछ भी नहीं है क्योंकि विकल्प सूची सर्वर रिटर्न डेटा के रूप में अपडेट नहीं होने पर दिखाई देते हैं जब getOptions कहते हैं)
3. उपयोगकर्ता प्रकार " मधुमक्खी " -> सर्वर रिटर्न [मधुमक्खी, चुकंदर, बीयर] हम दिखाते हैं [मधुमक्खी, दाढ़ी, चुकंदर, बीयर], हम पहले से अपडेट किया गया डेटा दिखाते हैं, ताज़ा नहीं
4. उपयोगकर्ता प्रकार " बीयर " -> सर्वर रिटर्न [बीयर], हम दिखाते हैं [मधुमक्खी, चुकंदर, बियर], हम पहले से अपडेट किया गया डेटा दिखाते हैं, ताजा नहीं

अगर onInput async होगा तो यह काम करेगा। या अगर कस्टम onInput से const options = getOptions.call(this, query) पर कॉल करने का कोई तरीका है तो यह भी काम करेगा।

ठीक है मुझे लगता है कि मैं अनुसरण करता हूं - इसलिए सुझाव प्रदर्शित किए जा सकते हैं जो वर्तमान क्वेरी से मेल नहीं खाना चाहिए, क्या यह सही है?

मैं इस उदाहरण कोड के साथ समस्या को फिर से बनाने की कोशिश करूंगा

ठीक है मुझे लगता है कि मैं अनुसरण करता हूं - इसलिए सुझाव प्रदर्शित किए जा सकते हैं जो वर्तमान क्वेरी से मेल नहीं खाना चाहिए, क्या यह सही है?

बिल्कुल! मेरे मामले में यह लगभग हमेशा पिछली क्वेरी का परिणाम दिखाता है। उन मामलों को छोड़कर जब प्रतिक्रिया ब्राउज़र में कैश की जाती है और तुरंत वापस आ जाती है।

मैं jsfiddle का उपयोग करके इसे फिर से बनाने की कोशिश कर रहा था लेकिन वहां lib को ठीक से जोड़ने का प्रबंधन नहीं किया।
यदि आपके पास jsfiddle में इस प्लगइन का कोई मूल उदाहरण है तो मैं इसे सर्वर-साइड स्वत: पूर्ण उदाहरण के साथ बढ़ा सकता हूं।

यह भी ध्यान देने योग्य है कि मैं v6 का उपयोग कर रहा हूं और आपके पास जो उदाहरण है वह पिछले संस्करण जैसा लगता है।
"प्रतिक्रिया-टैग-स्वतः पूर्ण": "6.0.0-बीटा.5"

मेरा मानना ​​है कि रिएक्ट के हालिया और आगामी संस्करणों में बदलाव के कारण componentWillReceiveProps() से बचने की इच्छा से इस मुद्दे को v6 में पेश किया गया है। नए संस्करण में मैंने सुझावों को केवल माउंट और onInput पर अपडेट करने के लिए दोबारा प्रतिक्रिया दी, जो सुझावों को बदलने के लिए जिम्मेदार नहीं है।

इसे getDerivedStateFromProps() का उपयोग करके हल किया जा सकता है लेकिन मुझे लगता है कि इस दृष्टिकोण को अनावश्यक रेंडरर्स को रोकने के लिए कुछ अनुकूलन की आवश्यकता होगी।

  static getDerivedStateFromProps (props, state) {
    const options = getOptions(props, state)
    return { options }
  }

मैंने इस पर कुछ मिनट बिताए हैं और मुझे लगता है कि मैं एक उपयुक्त समाधान के साथ आया हूं, नीचे दी गई एनीमेशन सुझाव प्रोप को असीमित रूप से अपडेट किया जा रहा है और विकल्प सूची बिना किसी अन्य इनपुट के अपडेट हो रही है:

परिवर्तन काफी सीधा था इसलिए मैं कुछ और परीक्षण करूंगा और एक पीआर बढ़ाऊंगा।

मुझे लगता है कि useEffect को इसे अच्छी तरह से कवर करना चाहिए क्योंकि यह विकल्प परिवर्तन की निगरानी कर सकता है।

useEffect(() => {
  setOptions(getOptions(props, state))
}, [options]);

मैंने v6.0.0-beta.6 जारी किया है जिसे इस मुद्दे को ठीक करना चाहिए।