ರಿಯಾಕ್ಟ್ ರೂಟರ್ DOM ಅನ್ನು ಸ್ಥಾಪಿಸಲು ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆಯೆಂದರೆ ಇದಕ್ಕೆ ಸಾಕಷ್ಟು ಕಾನ್ಫಿಗರೇಶನ್ ಮತ್ತು ಸೆಟಪ್ ಅಗತ್ಯವಿರುತ್ತದೆ. ವಿಭಿನ್ನ ಘಟಕಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಕಷ್ಟವಾಗಬಹುದು ಮತ್ತು ಅವು ಪರಸ್ಪರ ಹೇಗೆ ಸಂವಹನ ನಡೆಸುತ್ತವೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಅನುಸ್ಥಾಪನೆಯ ಸಮಯದಲ್ಲಿ ಉದ್ಭವಿಸುವ ಯಾವುದೇ ಸಮಸ್ಯೆಗಳನ್ನು ಡೀಬಗ್ ಮಾಡಲು ಕಷ್ಟವಾಗುತ್ತದೆ. ಅಂತಿಮವಾಗಿ, ರಿಯಾಕ್ಟ್ ರೂಟರ್ DOM ಯಾವಾಗಲೂ ರಿಯಾಕ್ಟ್‌ನ ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳೊಂದಿಗೆ ಹೊಂದಿಕೆಯಾಗುವುದಿಲ್ಲ, ಆದ್ದರಿಂದ ಅನುಸ್ಥಾಪನೆಯನ್ನು ಪ್ರಯತ್ನಿಸುವ ಮೊದಲು ನೀವು ಸರಿಯಾದ ಆವೃತ್ತಿಯನ್ನು ಬಳಸುತ್ತಿರುವಿರಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುವುದು ಮುಖ್ಯವಾಗಿದೆ.
npm install react-router-dom --save
1. npm: ಇದು Node.js ಗಾಗಿ ಕಮಾಂಡ್ ಲೈನ್ ಸಾಧನವಾಗಿದೆ, ಇದನ್ನು ನೋಡ್ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ (NPM) ರೆಪೊಸಿಟರಿಯಿಂದ ಪ್ಯಾಕೇಜ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.
2. ಸ್ಥಾಪಿಸಿ: ಈ ಆಜ್ಞೆಯು NPM ರೆಪೊಸಿಟರಿಯಿಂದ ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲು npm ಗೆ ಹೇಳುತ್ತದೆ.
3. react-router-dom: ಇದು NPM ರೆಪೊಸಿಟರಿಯಿಂದ ಸ್ಥಾಪಿಸಲಾಗುವ ಪ್ಯಾಕೇಜ್‌ನ ಹೆಸರಾಗಿದೆ.
4. –ಸೇವ್: ಈ ಪ್ಯಾಕೇಜ್ ಅನ್ನು ನಿಮ್ಮ ಯೋಜನೆಯ ಪ್ಯಾಕೇಜ್.json ಫೈಲ್‌ನಲ್ಲಿ ಅವಲಂಬನೆಯಾಗಿ ಉಳಿಸಲು ಈ ಫ್ಲ್ಯಾಗ್ npm ಗೆ ಹೇಳುತ್ತದೆ, ಇದರಿಂದ ಅಗತ್ಯವಿದ್ದರೆ ಅದನ್ನು ನಂತರ ಸುಲಭವಾಗಿ ಮರುಸ್ಥಾಪಿಸಬಹುದು.
ಪ್ರತಿಕ್ರಿಯೆ ಘಟಕವನ್ನು ಉಳಿಸಿ
ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಲ್ಲಿ ರಿಯಾಕ್ಟ್ ಘಟಕವನ್ನು ಉಳಿಸಿ ವಿಭಿನ್ನ ಮಾರ್ಗಗಳ ನಡುವೆ ನ್ಯಾವಿಗೇಟ್ ಮಾಡುವಾಗ ರಿಯಾಕ್ಟ್ ಘಟಕದ ಸ್ಥಿತಿಯನ್ನು ಉಳಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ವೈಶಿಷ್ಟ್ಯವಾಗಿದೆ. ಫಾರ್ಮ್ ಇನ್‌ಪುಟ್‌ಗಳಂತಹ ಬಳಕೆದಾರರ ಡೇಟಾವನ್ನು ಸಂರಕ್ಷಿಸಲು ಇದು ಉಪಯುಕ್ತವಾಗಿದೆ ಅಥವಾ ಮಾರ್ಗ ಬದಲಾವಣೆಗಳಾದ್ಯಂತ ನಿರ್ವಹಿಸಬೇಕಾದ ಯಾವುದೇ ಇತರ ರಾಜ್ಯದ ಮಾಹಿತಿ. ಬಳಕೆದಾರರು ಅದೇ ಮಾರ್ಗಕ್ಕೆ ನ್ಯಾವಿಗೇಟ್ ಮಾಡಿದಾಗ ಉಳಿಸಿದ ಘಟಕವನ್ನು ನಂತರ ಹಿಂಪಡೆಯಬಹುದು. ಈ ವೈಶಿಷ್ಟ್ಯವು ರಿಯಾಕ್ಟ್ ರೂಟರ್ v4 ಮತ್ತು ಹೆಚ್ಚಿನದರಲ್ಲಿ ಲಭ್ಯವಿದೆ.
ಎನ್‌ಪಿಎಂ ಇನ್‌ಸ್ಟಾಲ್ ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಡಾಮ್ ಮತ್ತು ಎನ್‌ಪಿಎಂ ಇನ್‌ಸ್ಟಾಲ್ ನಡುವಿನ ವ್ಯತ್ಯಾಸ
ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಲೈಬ್ರರಿಯನ್ನು ಸ್ಥಾಪಿಸಲು NPM ಇನ್‌ಸ್ಟಾಲ್ ರಿಯಾಕ್ಟ್-ರೂಟರ್-ಡಾಮ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ, ಇದು ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗೆ ರೂಟಿಂಗ್ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ಇದು ಮುಂತಾದ ಘಟಕಗಳನ್ನು ಒಳಗೊಂಡಿದೆ ,
NPM ಇನ್‌ಸ್ಟಾಲ್, ಮತ್ತೊಂದೆಡೆ, NPM ರಿಜಿಸ್ಟ್ರಿಯಿಂದ ಯಾವುದೇ ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಡೊಮ್ ಅಥವಾ NPM ರಿಜಿಸ್ಟ್ರಿಯಿಂದ ಯಾವುದೇ ಇತರ ಪ್ಯಾಕೇಜ್‌ಗಳಂತಹ ಪ್ಯಾಕೇಜ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸಲು ಇದನ್ನು ಬಳಸಬಹುದು.
