Shulou(Shulou.com)05/31 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.