Fil d'Ariane avec réaction js

Question

J'essaie de créer mon propre composant de fil d'Ariane personnalisé en utilisant le réactif js. Je suis familier avec réagir js. Mais je n'ai aucune idée claire sur la façon de le faire .. (Surtout sur le fil d'Ariane). Quelqu'un peut-il me donner quelques exemples ou didacticiels pertinents ceci ..?

Answer 1

Je pense que la meilleure façon pour vous de le faire est d'installer react-router

https://github.com/rackt/react-router

Ensuite, vous pouvez le faire très facilement par des voies de nidification dans l'autre et ensuite utiliser certaines des fonctions utilitaires qu'il donne vous pour obtenir les routes actuelles. Je n'ai pas utilisé la dernière version du routeur de réaction. Mais l'ancienne version a fait quelque chose comme ceci:

https://github.com/rackt/react-router/issues/1060

var currentRoutes = this.context.router.getCurrentRoutes();

Ce utilisé pour vous donner un tableau de toutes les routes actuelles, donc si vous imbriqué 3 routes en profondeur, il donnera vous 3 routes. Je ne suis pas sûr si c'est la syntaxe exacte plus, puisqu'ils ont mis à jour 1.0, l'API a pu avoir changé, mais il est susceptible d'être semblable.

Answer 2

Exemple de mie de pain en utilisant la dernière version 1.0 de réagir-routeur (A ce moment-v1.0.0 RC3) https://github.com/rackt/react-router/blob/master/examples/breadcrumbs/app.js

Ou utilisez https://github.com/svenanders/react-breadcrumbs qui prend soin de mie de pain pour vous si vous utilisez réagir-routeur. Cela a bien fonctionné avec reaction-router 0.13.x par expérience, je n'ai pas encore mis à jour vers la dernière version 1.0, mais ça devrait marcher aussi.