This going to be our first changes, in v.5 or in older versions, we used Switch component, which is provided by the react-router package to wrap all our routes and it’ll make sure that only one routes is loaded at a time. Switch is not exported from recat-router-dom If we visit the browser page to figure out what’s the error, we can see “Switch is not exported from recat-router-dom” – this would be the first error we all will get. Once router package was updated to v.6, now we can run “npm start”, we can see that the project won’t work.
REACT ROUTER DOM INSTALL
We all are using react-router-dom v.5 or lower versions in our projects, we going to update router version, with the simple npm comment “npm install which ensures that you are going to install v.6, also we can “npm install – which will always give you the very latest version. Overall v.6 is a lot better than the v.5.
REACT ROUTER DOM UPGRADE
It’s simple to upgrade and not a lot of code change. And they provided specifically an upgrading guide, where we can find the detailed upgrading steps and we can learn what’s new and what changed from older versions. To learn more detail about React Router v.6, you can check out the official website and the documentation you can find there. In this article, we will walk through what’s new with React Router v.6 and how we could update an existing React app, that’s using React router v.5 or lower version to React Router v.6.
0 kommentar(er)
