从不相关的组件 React 刷新数据答案

【问题标题】：Refresh data from unrelated component React从不相关的组件 React 刷新数据
【发布时间】：2021-03-26 20:31:51
【问题描述】：

我有一个直接从 AppBar 打开的模式，它可以让您在数据库中插入数据。

在modal后台打开的当前tab上，可以看到一个table，里面有当前的数据，但是modal和table没有关系。带表格的页面是路由/Dashboard，而模态只是模态，可以在任何路由前面打开。

我希望在您按下模式中的“添加”按钮后调用在/Dashboard 路由（具有相同命名的组件）上发出get 请求的函数。

我知道 React Context，但仅此而已，看了一些教程后，我不知道在这种情况下如何使用它。

这是我的/Dashboard 路线：

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

) 它与模态框在同一个 AppBar 组件中。

感谢您的宝贵时间。

【问题讨论】：

标签： reactjs function routes

【解决方案1】：

您可能希望添加一个应用级上下文提供程序并在其中有一个变量，可能是布尔值或当您从AppBar 模态添加数据时数据应在Dashboard 上更新的状态。我做了一个快速演示，看看吧。

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

【讨论】：