Передача специфической информации о маршруте для детей

Question

У меня есть несколько маршрутов в моем webapp, как обычно. У меня есть несколько вопросов относительно лучших способов передачи информации вниз по цепочке, так как я не могу найти твердый ответ:

1. Как бы я прохожу, что текущий маршрут вниз к компонентам детей? У меня есть глобальный компонент, который используется на каждой странице моего webapp. На одной из страниц контент должен быть другим. Единственный способ сделать это - узнать, какая страница обслуживается. Или я думаю об этом неправильно и должен просто разобрать window.location на componentDidMount(), чтобы получить все, что мне нужно?

2. Это относится к вышеуказанному пункту. Предположим, что у меня есть параметризованный маршрут (/ test /: id), и один из его дочерних компонентов должен выполнить какой-либо ajax-запрос при нажатии кнопки и должен передать идентификатор: id в конечную точку. Как я смогу это сделать?

Возможно, мне нужно передать вещи как свойства, начиная с уровня маршрута до конца?

Я просто пытаюсь выяснить, какой лучший вариант.

Спасибо!

Answer 1

Вы не можете передать свойства полностью вниз, или вы можете поместить свойства в магазин и подключить свои компоненты к магазину. Если вы хотите пойти в магазин, вы можете попробовать редукционную ветвь реактивного стартера. Это то, что я сделал. На корневых путях я поставлю свои параметры в хранилище, и все остальные дети смогут их прочитать. Вот реализация перевождь из среагировать-стартер-кит:

https://github.com/kriasoft/react-starter-kit/tree/feature/redux