Je suis nouveau dans ReactJS. J'ai besoin d'un itinéraire comme Localhost: 3000 / Annuaire / Catégorie / Région / Brandname et pour le même itinéraire, j'ai besoin de rendre un composant
échantillon d'URL soit comme
Pour les URL ci-dessus, un composant appelé nom.js devrait rendre
3 Réponses :
Vous pouvez utiliser le routeur de réact, puis configurer vos itinéraires en utilisant des params de route Publiez maintenant ceci, vous pouvez accéder aux paramètres de la composante Nom et FetchData de API ou ont Toute autre logique Vous pouvez en savoir plus sur utilisation-routeur ici et aussi renvoie les docs
J'ai essayé mais je n'ai pas travaillé. J'ai importé un composant pour cliquer dessus, mais je ne suis pas capable de le voir. C'est ce que j'ai fait.
<Router>
<Switch>
<Route path="/directory/:profession/:country/:value" component={Pid} >
<div className="wx-360px">
<Card6 title={item.companyName} introduction={item.slogan} thumb={item.coverImage !== undefined && item.coverImage !== '' ? item.coverImage : item.sliderImages[0]}/>
</div>
</Route>
</Switch>
</Router>
Autant que je sache dans la question, vous pouvez gérer cela en utilisant le composant "redirection". Devant qu'il y ait un composant "navigation" où le "routeur" est défini comme vous l'avez fait
et a "de "Composant où les chemins et les redirections sont définis. Si "RedirectionPath" n'est pas null, vous pouvez retourner "redirection" composant en rendu. Ainsi, vous pouvez rediriger et rendre le composant Nom. Ceci peut être l'un des solutions. J'espère que cela fonctionne aussi pour vous.