reactjs - 从不相关的组件 React 刷新数据

Question

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

在 modal 后台打开的当前标签页上，可以看到一个包含当前数据的表格，但是 modal 和表格是不相关的。带有表格的页面是一个路由/Dashboard，而模态只是一个模态，可以在任何路由前面打开。

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

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

这是我的/Dashboard路线：

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

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

感谢您的时间。

标签： reactjsfunctionroutes

Answer 1

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

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