Обновление данных из несвязанного компонента React

#reactjs #function #routes

#reactjs #функция #маршруты

Вопрос:

У меня есть модальный, который открывается непосредственно из панели приложений, что позволяет вставлять данные в базу данных.

На текущей вкладке, открытой в фоновом режиме modal, вы можете увидеть таблицу с текущими данными, но modal и таблица не связаны. Страница с таблицей является маршрутом /Dashboard , в то время как модальная является просто модальной, может быть открыта перед любым маршрутом.

Я хочу, чтобы после нажатия кнопки «Добавить» в модальном режиме вызывалась функция, которая выполняет get запрос по /Dashboard маршруту (с тем же именем компонента).

Я знаю о контексте React, но это все, я не знаю точно, как его использовать в этом случае после просмотра некоторых руководств.

Это мой /Dashboard маршрут:

 const DashboardButton = (classes) => (
<Route render={({ history }) => (
    <Button
        className={classes.button}
        onClick={() => { history.push('/Dashboard') }}
    >
        Dashboard
    </Button>
)} />
 

)
, который находится в том же компоненте AppBar, что и модальный.

Спасибо за ваше время.

Ответ №1:

Возможно, вы захотите добавить поставщика контекста уровня приложения и иметь там переменную, возможно, логическое значение или статус, по которому данные должны обновляться Dashboard при добавлении данных из AppBar modal . Я сделал быструю демонстрацию, проверьте ее.

https://codesandbox.io/s/blue-dew-8rfho?file=/src/App.js