Je suis un peu coincé sur la manière de configurer Je veux naviguer vers Je sais que la viande de ceci est dans note: i 'M ne pas utiliser Qu'est-ce que je fais mal et comment puis-je le réparer? P> voici voici voici webpack.config.js code> fichier afin de naviguer vers d'autres pages HTML. En d'autres termes, un site Web multi-pages.js. environ.html code> lors de cliquer sur sur code> dans main.jsx < / code> fichier. J'essaie d'utiliser le routage mais je sais que je suis loin. P> webpack.config.js code> donc j'ai fait une tentative ci-dessous Pour voir si cela fonctionne en essayant d'imiter le htmlwebpackplugin ({}) code> de index.html code>, mais ça ne " p> créer-réact-app code> pour mon projet. J'essaie juste des choses en dehors de Créer-réact-app code> environnement et, à la place, sur d'autres environnements. J'ai installé babel code> et toutes les autres choses manuellement. P> Main.jsx code>: p> environ.html code>: p> webpack.config.js code>: p>
3 Réponses :
Je ne crois pas que cela a à voir avec WebPack.
au lieu de p> Utilisation: p> vous souhaiterez utiliser une balise d'ancrage HTML standard. avec le HREF défini sur l'emplacement où vous voulez naviguer. p> p>
instead of <Route path={"/About"} component={Main}/> use
<BrowserRouter>
<div>
<Switch>
<Link path="/about" component="{Main}">
</Switch>
</div>
</BrowserRouter>or
<Link to="/about"></Link> and
and import {BrowserRouter,Route,Switch,Link} from 'react-router-dom';
Un tas de problèmes ici - cela devrait vous empêcher de pointer dans la bonne direction:
main.jsx strong> p>
L'acheminement n'a rien à voir avec WebPack - sur votre itinéraire "À propos", utilisez un composant pour
sur code>, c'est-à-dire environ.html code> à un composant @ IC3B3RG Comme je l'ai mentionné ci-dessus, je veux rediriger vers le fichier environ.html, pas un autre composant React.js
OK, essayez de supprimer le composant et de la modification du chemin vers
chemin = "/ environ.html" code>OH, attendez une minute - vous ne voulez pas retourner DOM de votre événement OnClick - votre routeur doit entrer dans votre
Render code> et la touchecode> Vous devez être unLien code>@ IC3B3RG AH OK, je vois ce que tu veux dire. Puissiez-vous me fournir un exemple en utilisant mon scénario? Parce que code> doit prendre un attribut code> composant code> mais dans mon cas, je ne veux pas qu'il redirige vers un autre composant JS.