Загрузить панель инструментов AppBar динамически на основе текущей страницы - React Admin

Question

Я относительно новичок в мире React и изо всех сил пытаюсь найти способ загрузить IconButtons в панель инструментов панели инструментов (из Material UI).

Скажите, что я на странице A и мне нравится иметь две специфичные для IconButtonsна страницу A, и когда я попадаю на страницу B, мне нравится загружать кнопки панели инструментов, относящиеся к странице B.

Я создал проект codesandbox, чтобы каждому было легче помочь. https://codesandbox.io/s/material-ui--react-admin-1qc5x

Я ценю любую помощь, руководство и т. Д.

Answer 1

Вы можете достичь этого несколькими способами:

1. Redux: вы можете использовать react-redux и создать store, где вы можете сохранить значение current_page (лучшие практики вслучай SPA) и доступ к значению страницы в

   static getDerivedStateFromProps(props, state){ //your code here }

2. на основе маршрута (react-router)
3. [что я сделал] на основеURL params как вы делаете history.push, поэтому вам будет проще извлечь параметры из вашего URL-адреса и на основе этого отобразить значки панели инструментов.

Ссылка на мой код: https://codesandbox.io/s/material-ui--react-admin-nxh7m