React-tags: التحديد التلقائي للاقتراح الأول

أفترض أن الأمر يعتمد على ما إذا كانت العلامة allowNew تم تعيينها أم لا ، ربما عندما يكون هذا خطأ (يمكن اختيار العلامات المقترحة فقط) سيكون ذلك منطقيًا؟

مرحبًا @ i-like-robots

ليس كما تقول ، أرى الكود المحدد دائمًاالمؤشر المحدد = -1

هل يمكنني دفع التغيير ، وجعلته يعمل؟ نظرًا لأنني أريد تحديد العنصر الأول تلقائيًا ، فسيكون من الأسهل على المستخدم تحديد حالة العنصر الأول.

هناك أيضًا إصلاح مطلوب لتشغيل مفتاح TAB جيدًا ، عندما يكون minQueryLength = 0 ، فهذا أيضًا.

هذه فكرة جيدة ، سواء تم تعيين allowNew أم لا ، فالتركيز على الاقتراح الأول تلقائيًا يعني أنه يمكنك فقط الضغط على Enter لتحديده ، بدلاً من النقر عليه أو الضغط عليه لأسفل لتحديده.

طلب سحب مضاف ، رر إلقاء نظرة على التغييرات.
العلاقات العامة - التحديد التلقائي للعنصر الأول

أعيد قراءة تعليقي وأدرك الآن لماذا لن يكون من المنطقي أن يكون allowNew true . أود أن أقول إن تمكين هذا السلوك هو allowNew هو false ولكن ليس إذا كان true .

@ i-like-robots أي تحديث على متى سيتم دمج هذا؟ 🙏

نود أن نحب هذا الخيار لمشروعنا أيضًا ، هل من أخبار إذا كان سيتم تحويله إلى الإصدار السادس؟ نحن نستخدم الإصدار 6 بيتا 3 حاليًا

نبحث حاليًا عن نفس الحل للمشروع الذي نعمل عليه في أجهزة الصراف الآلي. أود أن أرى بعض الحركة بشأن هذه المسألة. :)

لأولئك الذين يريدون حلًا بديلًا:

useEffect(() => {
     if (suggestions.length > 0) {
          // library doesn't auto-select the first item in the list
          inputRef.current.setState({  index: 0 });
     }
     else {
          // if no results, don't want to highlight
          inputRef.current.setState({ index: -1 });
     }
}, [suggestions]);

حيث inputRef هو المرجع لعنصرك.