Principes organisationnels de routage et bonnes pratiques dans les applications React
P粉046387133
2023-08-16 16:15:12
<p>J'ai écrit plusieurs itinéraires dans le fichier App.js. </p>
<pre class="brush:php;toolbar:false;">fonction App() {
retour (
<MainLayout>
<Itinéraires>
<Route path="/a" element={<A />} />
<Route path="/b" element={<B />} />
<Route path="/c" element={<C />} />
<Route path="/d" element={<D />} />
</Itinéraires>
<Route path="/" element={<Connexion />} />
</MainLayout> )}</pre>
<p>Maintenant, comment organiser correctement ces itinéraires ? Puisqu'il y a environ 50 routes et que le fichier App.js contient toutes ces 50 routes, je ne pense pas que ce soit une structure appropriée. </p>
Vous pouvez créer un nouveau composant
AppRouter.jsx
:Créez ensuite un fichier contenant les itinéraires
routes.js
:Ensuite, utilisez-le dans votre
App 组件
:Si vous devez créer de nouveaux itinéraires à l'avenir, accédez à
routes.js
et ajoutez-les-y.