RefluxJS के साथ डेटा (असीमित रूप से) प्रारंभ करने का सही तरीका क्या है? क्या AngularJS के हल के समान कुछ है, या फ्लक्स कार्यान्वयन के साथ इसका कोई लेना-देना नहीं है (राउटर को इस प्रतिस्थापन को संभालना चाहिए)?डेटा प्रारंभ करने के लिए उचित तरीका
उत्तर
अपने एप्लिकेशन के शीर्ष-स्तरीय घटक में, डेटा लाने वाले क्रिया को ट्रिगर करने के लिए comoponentWillMount
विधि (docs) का उपयोग करें। जब घटक प्रारंभ में प्रस्तुत किया जाता है तो यह विधि कॉल की जाएगी।
उदाहरण के लिए:
// Create an async action, that will request data using a promise
// Using the recently released (v0.2.2) helpers for async actions
var actions = Reflux.createActions({
init: {asyncResult: true}
});
actions.init.listenAndPromise(promiseToGetData);
// Update the store when the init action's promise is completed
var store = Reflux.createStore({
listenables: actions,
onInitCompleted: function (data) {
// do stuff
this.trigger(data)
}
});
var App = React.createClass({
mixins: [Reflux.connect(store)],
componentWillMount: function() {
// When this component is loaded, fetch initial data
actions.init()
}
});
भाटा यह वास्तव में के लिए एक API है।
डॉक्स यह वर्णन में गरीब हैं, लेकिन Spoike (भाटा के लेखक) एक कोड उदाहरण के साथ एक जवाब दिया:
यह प्रश्न डेटा को असीमित रूप से लाने के बारे में था। Reflux रिक्त घटकों पर स्टोर की 'getInitialState' विधि सेट करता है और डेटा को असीमित रूप से लाने के लिए उपयोग नहीं किया जाना चाहिए। आपके द्वारा लिंक किए गए उत्तर में उदाहरण स्थिर मानों के लिए है। एक उदाहरण के लिए आधिकारिक प्रतिक्रिया [दस्तावेज़ीकरण] (https://facebook.github.io/react/tips/initial-ajax.html) देखें और http://stackoverflow.com/questions/26615307 –
- 1. श्रृंखला कार्य करने के लिए उचित तरीका
- 2. KnockoutJS अवलोकन करने योग्य उचित अद्यतन करने के लिए उचित तरीका AJAX
- 3. उचित तरीका रूपों
- 4. उचित तरीका
- 5. उचित तरीका
- 6. उचित तरीका
- 7. डेटा के साथ प्रोप को सिंक करने के लिए उचित vueJS तरीका
- 8. कोड क्षेत्रों लॉक करने के लिए उचित तरीका क्या है
- 9. विशिष्ट पृष्ठों पर जावास्क्रिप्ट करने के लिए उचित "रेल" तरीका
- 10. वैश्विक चर करने के लिए उचित "सी ++ तरीका" क्या है?
- 11. PHP सेट करने के लिए उचित तरीका * निक्स और विंडोज
- 12. उचित तरीका
- 13. वेक्टर सदस्य चर प्रारंभ करने के लिए सही तरीका
- 14. उचित तरीका
- 15. getopt_long() - इसका उपयोग करने का उचित तरीका?
- 16. उचित तरीके से डीबगिंग के लिए Fabric.io प्रारंभ करने/Fabric.io से Crashlytics के बारे में
- 17. TCompressionStream डेटा के साथ प्रारंभ
- 18. उचित तरीका है?
- 19. जावा में ऐप के conf डेटा को स्टोर करने का उचित तरीका क्या है?
- 20. उचित तरीका/MySQL
- 21. जावास्क्रिप्ट कोड निष्पादित करने के लिए लिंक के लिए उचित तरीका
- 22. कैसे एक पैरामीटर के लिए एक उचित डेटा संरचना को परिभाषित करने के लिए सेट
- 23. प्रारंभ करने के लिए कैसे UnnorderedBulkOp()?
- 24. एंड्रॉइड में डेटा कैश करने के लिए सर्वश्रेष्ठ तरीका
- 25. सीएसएस फ्लोट्स को संभालने के लिए उचित, मानक तरीका
- 26. स्थिति के लिए उचित तरीका: छद्म तत्वों से पहले
- 27. नेटबीन्स में कक्षा दस्तावेज के लिए उचित तरीका PHP
- 28. सही/गलत मूल्य के लिए उचित डेटा फ़ील्ड प्रकार?
- 29. वास्तव में कोई ऐसा निर्माण करने या प्राप्त करने के लिए उचित अनुरोध करने का कोई सही तरीका नहीं है?
- 30. स्टेटिक डेटा सदस्य प्रारंभ
बस एक सवाल: मैं प्रतिक्रिया रूटर के साथ refluxjs का उपयोग कर रहा है, तो क्या अगर वादा खारिज कर दिया गया तो होता है; क्या बढ़ रहा है (तकनीकी रूप से, कुछ भी नहीं होता है) या इसे मैन्युअल रूप से संभाला जाता है? – srph
घटक अभी भी माउंट होगा, कार्रवाई के लिए कॉल आग है और भूल जाओ। अगर वादा खारिज कर दिया गया है, तो स्टोर अभी भी परिणाम प्राप्त करेगा और आप 'ऑनइनफेल' हैंडलर जोड़ सकते हैं। Async क्रियाओं के बारे में अधिक जानने के लिए https://github.com/spoike/refluxjs#asynchronous-actions देखें। –
धन्यवाद। वैसे, क्या आप 'कॉम्पोनेंट विल्लमाउंट' '' '' '' '' घटक 'वॉलमाउंट''' के बजाय '' 'घटक विल्लमाउंट''' का उल्लेख करते हैं? – srph