प्रतिक्रिया-राउटर बनाम प्रतिक्रिया-राउटर-डोम, एक या दूसरे का उपयोग कब करें?

Question

दोनों के पास रूट, लिंक आदि हैं, जब एक या दूसरे का उपयोग करना है? मैं वास्तव में उलझन में हूं कि प्रत्येक को कहां उपयोग करना है। सर्वर साइड? ग्राहक की ओर?

https://reacttraining.com/react-router/

कुछ उदाहरणों में आपको इतिहास पारित करने की आवश्यकता है, दूसरों में नहीं। क्या करें?

<Router history={browserHistory}>

बनाम

<Router>

यह वास्तव में भ्रमित है कि कब एक या दूसरे का उपयोग करें, किसी भी मदद की सराहना की।

Comments

"कोई मेरी मदद क्यों कर सकता है?" एक वास्तविक प्रश्न नहीं है?

— रॉबर्ट कोलंबिया

Answer 1

प्रतिक्रिया-राउटर में प्रतिक्रिया-राउटर-डोम और प्रतिक्रिया-राउटर-देशी के बीच सभी सामान्य घटक शामिल हैं । आपको कब एक का उपयोग करना चाहिए? यदि आप वेब पर हैं तो प्रतिक्रिया-राउटर-डोम में आपकी जरूरत की सभी चीजें होनी चाहिए क्योंकि यह आपके द्वारा आवश्यक सामान्य घटकों को भी निर्यात करता है। यदि आप रिएक्ट मूल निवासी का उपयोग कर रहे हैं, तो प्रतिक्रिया-राउटर-मूल में आपके पास उसी कारण के लिए आवश्यक सब कुछ होना चाहिए। तो आप शायद कभी भी प्रतिक्रिया-राउटर से सीधे कुछ भी आयात नहीं करेंगे । जब तक आप उपयोग करते हैं

<Router history={browserHistory}>

बनाम

<Router>

RRv4 में आपको BrowserHistory को पास करने की आवश्यकता नहीं होगी, यह सिर्फ राउटर के पिछले संस्करणों के लिए था।

यदि आप अभी भी भ्रमित हैं, तो आप यहां प्रत्येक पैकेज पर विवरण देख सकते हैं

Comments

क्या हम प्रतिक्रिया-राउटर को परियोजना से हटा देंगे या यह प्रतिक्रिया-राउटर-डोम को प्रभावित करता है ?? प्रतिक्रिया-राउटर-डोम के साथ काम करने के लिए प्रतिक्रिया-राउटर पैकेज अनिवार्य है?

— Y .GÎ

@snAtchnAren यह अनिवार्य नहीं है। यदि आपको "प्रतिक्रिया-राउटर-डोम" पहले से स्थापित है, तो आपको "प्रतिक्रिया-राउटर" पैकेज की आवश्यकता नहीं होनी चाहिए।

— टायलर मैकगिनिस

यदि मैं प्रतिक्रिया-राउटर पर प्रतिक्रिया-राउटर-डोम का उपयोग करता हूं, तो क्या इससे मेरे बंडल का आकार घट जाएगा?

— वृषांक

Answer 2

प्रतिक्रिया-राउटर-डोम एक react-routerप्लस है:

• <BrowserRouter> जो है <Router history={browserNativeHistoryApiWrapper}/>

  प्रमाण: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/BrowserRouter.js

• ब्राउज़र के लिए कुछ लिंक में सुधार

  प्रमाण: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/Link.js

• और के साथ <NavLink>- आवरण जो जानता है कि यह "सक्रिय" है या नहीं

  प्रमाण: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/NavLink.js

Answer 3

बस का उपयोग करें react-router-dom- react-router-domसभी का फिर से निर्यात करता है react-router। GitHub जवाब पर लिंक ( के बीच अंतर क्या react-router-domऔर react-router? )।

Answer 4

V4 में, प्रतिक्रिया-राउटर मुख्य घटकों और कार्यों को निर्यात करता है। प्रतिक्रिया-राउटर-डोम निर्यात डोम-जागरूक घटकों, जैसे <Link>(जो प्रदान करता है <a>) और (जो ब्राउज़र की window.history के साथ बातचीत करता है)।

react-router-domप्रतिक्रिया-राउटर के सभी निर्यातों को फिर से निर्यात करता है, इसलिए आपको केवल react-router-domअपनी परियोजना से आयात करने की आवश्यकता है ।

Comments

लेकिन क्या आपको प्रतिक्रिया-राउटर और प्रतिक्रिया-राउटर-डोम दोनों को अलग से स्थापित करने की आवश्यकता है?

— joedotnot