प्रतिक्रिया-redux प्राप्त साइट आधार URL/विंडो स्थान

Question

उम्मीद है कि यह एक बहुत ही सरल सवाल यह है:

मैं एक स्ट्रिंग, अपनी साइट पर एक पृष्ठ के लिए पूर्ण URL युक्त तरह बनाना चाहते हैं:

https://example.com/documents/1

आदर्श रूप में मैं mapStateToProps() में प्रतिक्रिया-रेडक्स connect() -ed कंटेनर में इसे उत्पन्न करना चाहता हूं। जहां पृष्ठ ब्राउज़र हिस्ट्री का उपयोग कर प्रतिक्रिया-राउटर Route का पोती है (तो शायद मैं इसे प्रतिक्रिया-राउटर या ब्राउज़र से प्राप्त कर सकता हूं?) यदि आवश्यक हो तो मैं इसे पूर्ण-पर प्रतिक्रिया कक्षा में करूँगा।

लेकिन मैं अपने जीवन के लिए यह नहीं कर सकता कि यह कैसे करें। window (window.location में) undefinedmapStateToProps() (कोई बड़ा आश्चर्य नहीं) और मेरे दृश्य घटकों में render() फ़ंक्शन में हमेशा undefined है।

अभी तक मुझे केवल वर्तमान मार्ग तक पहुंचने के तरीके मिल गए हैं, उदा। "/ दस्तावेज़/1", जो केवल एक सापेक्ष पथ है और इसमें साइट बेस यूआरएल (https://example.com/)

Answer 1

तो सबसे पहले, याद रखें कि आपका कोड क्लाइंट और सर्वर पर चलता है ताकि विंडो में किसी भी पहुंच को लपेटने की आवश्यकता हो चेक।

if (typeof window !== 'undefined') { 
    var path = location.protocol + '//' + location.host + '/someting'; // (or whatever) 
    } else { 
    // work out what you want to do server-side... 
    } 

यदि वह URL आप डोम में शो करते हैं, और ग्राहक पर इससे पहले कि आप इस यूआरएल के साथ दुकान को पॉप्युलेट पहले प्रस्तुत करना, आप एक चेकसम त्रुटि प्राप्त करने के लिए जा रहे हैं। यदि आप वास्तव में उस त्रुटि से बचना चाहते हैं, जिसे आप यूआरएल प्राप्त करने/सेट करने के लिए अपने रूट घटक में componentDidMount() तक प्रतीक्षा कर सकते हैं।