След хлебной крошки с реактивом js

Я пытаюсь создать свой собственный компонент breadcrumb trail, используя react js. Я знаком с react js. Но у меня нет четкого представления о том, как это сделать.. (Особенно о тропе хлебных крошек). Может кто-нибудь дать мне несколько примеров или учебников, имеющих отношение к этому..?

2 3
reactjs breadcrumbs

2 ответа:

Я думаю, что лучший способ для вас сделать это-установить react-router

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

Тогда вы можете сделать это очень легко, вложив маршруты друг в друга, а затем использовать некоторые из функций утилиты, которые он дает вам, чтобы получить текущие маршруты. Я не использовал новейшую версию react-router. Но старая версия делала это примерно так:

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

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

Это раньше было дайте вам массив всех текущих маршрутов, так что если вы вложили 3 маршрута глубоко, он даст вам 3 маршрута. Я не уверен, что это точный синтаксис, так как они обновились до 1.0, API, возможно, изменился, но, скорее всего, он будет похож.

4

Пример панировочных сухарей, используя последний релиз 1.0 реагировать-маршрутизатор (на данный момент версии v1.0.0-RC3 с) https://github.com/rackt/react-router/blob/master/examples/breadcrumbs/app.js

Или использовать https://github.com/svenanders/react-breadcrumbs который заботится о хлебных крошках для вас, если вы используете react-маршрутизатор. Он хорошо работал с react-маршрутизатором 0.13.x по опыту, я еще не обновился до последней версии 1.0, но она тоже должна работать.

1