मैं एक रिएक्ट एप्लिकेशन पर काम कर रहा हूं और राज्य प्रबंधन के लिए रेडक्स के साथ एकीकरण के लिए रिएक्ट-रेडक्स और रेडक्स-थंक का उपयोग करता हूं।
जब भी मैं एक नई इकाई जोड़ता हूं तो मैं एक मॉडल प्रदर्शित करना चाहता हूं। मेरे दृष्टिकोण से आदर्श समाधान ऐसा प्रतीत होता है:
- कार्रवाई निर्माता में जहां मैं इकाई जोड़ता हूं, रेडक्स स्थिति को अधिसूचना संदेश के साथ अद्यतन किया जाना चाहिए यदि ऑपरेशन सफल था
- ऐप के मुख्य घटक (ऐप घटक) को किसी भी तरह रेडक्स स्थिति को सुनना चाहिए, और जब भी कोई अधिसूचना संदेश प्रकट होता है तो उसे संदेश के साथ मोडल प्रस्तुत करना चाहिए।
मुझे इस बारे में कोई जानकारी नहीं है कि दूसरे बिंदु को कैसे लागू किया जाए (राज्य परिवर्तन के लिए मुख्य घटक की सदस्यता कैसे लें और तदनुसार प्रतिक्रिया करें)।
एक और नोट पर, अधिसूचना घटक को लागू करने के लिए एक बेहतर विकल्प हो सकता है, इसलिए मैं वैकल्पिक समाधानों को सहर्ष सुनूंगा क्योंकि फ्रंट एंड डेवलपमेंट और रिएक्ट के लिए मेरा जोखिम काफी सीमित है।
1 उत्तर
पहली बात यह है कि आप शायद एक "स्नैकबार" घटक प्रदर्शित करना चाहते हैं (उदाहरण Material-ui), और एक संवाद नहीं है क्योंकि आपके पास शायद एक के बाद एक कई इकाइयां बनाई जा सकती हैं, और आप उपयोगकर्ता को संवादों को झिलमिलाना नहीं चाहते हैं ...
रेडक्स स्टोर के बारे में, मुझे लगता है कि आपके स्टोर में सभी सूचनाएं (सूचनाओं का सरणी) रखने के लिए आपके पास एक विशिष्ट हिस्सा होना चाहिए, और हर बार जब नई इकाई वाला संदेश आता है तो आप सरणी में एक अधिसूचना जोड़ते हैं। और कुछ समय बाद (5sec कहें) आप सरणी से अधिसूचना हटा दें।
यूआई में, आपके घटक को स्टोर के इस हिस्से को सुनना चाहिए, और एक के बाद एक स्नैकबार प्रदर्शित करना चाहिए।
connect विधि (Redux के साथ आता है) का उपयोग करना चाहिए, react- redux.js.org/api/connect स्टोर से आपको जो चाहिए वह निकालने के लिए। भविष्य में स्टोर में कोई भी परिवर्तन आपके घटक को स्वतः पुन: प्रस्तुत करेगा
संबंधित सवाल
नए सवाल
reactjs
प्रतिक्रिया उपयोगकर्ता इंटरफ़ेस के निर्माण के लिए एक जावास्क्रिप्ट पुस्तकालय है। यह एक घोषणात्मक, घटक-आधारित प्रतिमान का उपयोग करता है और इसका उद्देश्य कुशल और लचीला दोनों है।