时间戳

首页 > 解决方案 > 在 Modal Open 上更改路线 - React

reactjs - 在 Modal Open 上更改路线 - React

问题描述

有没有办法改变使用 react-router-dom 在 React 中打开模式的路线。

我使用 react-modal 制作了模式，它的目的是近距离显示图像，所以我想用图像 ID 更新路由，这样我就可以使用 req.params.id 中的 ID 向我的服务器发送 get 请求并获取图像和其他相关数据。

同样在模态关闭时，我想被重定向回画廊路线。

任何帮助将不胜感激，周末愉快！

标签： reactjsroutingreact-routermodal-dialog

解决方案

你可以做一个在 click 函数上使用重定向的方法，然后签入一个 useEffect 并将其推送到 url 让我解释一下：

const [ redirect, setRedirect ] = useState(null)

useEffect(() => {
    history.push(redirect)
}, [ redirect ];


<Button onClick={() => setRedirect(image.id)}>
    Image here
</Button>

可能有一些错误，但你明白吗？

推荐阅读