How to install routing in npm in react
This article mainly introduces the relevant knowledge of "how to install routing in react". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to install routing in npm in react" can help you solve the problem.
Npm in react can use "npm I react-router-dom-S" to install routing; parameter I is the abbreviation of install, which detects the npm package version number that best matches the current version, and the parameter "- S" is the abbreviation of "- save", which writes the module to packages.json.
The operating environment of this tutorial: Windows10 system, react17.0.1 version, Dell G3 computer.
How to install routing in npm in react
one。 React routing installation
Npm I react-router-dom@5.0-S
Enter the reference in App.js after the installation is completed
Import routing-related components (initials must be capitalized)
Import hash routing alias router
Route routing page
NavLink navigation links
Import {HashRouter as Router, Route, NavLink} from 'react-router-dom'
two。 Use of react rout
Example:
Import {HashRouter as Router, Route, NavLink} from 'react-router-dom'function App () {return ({/ * Navigation * /} {/ * exact default displays * /} home page about {/ * routing page * /})} export default App;function Home () {return home page} function About () {return about page} about "how to install routing in react", thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.
