javascript - 打开模式后更新 URL，ReactJS

Question

我有点新反应，一旦用户单击打开模式窗口，我想更改 url。还有一些我想在 url 中反映的模态数据。例如“my.app/folders/project-name/”

我用反应路由器尝试了一些解决方案，但我似乎没有得到它恰到好处......

这是我希望一旦打开它就可以更新 URL 的模式。

{modalOpen ? (
    <ProjectModal
      projectName={target[0].project_name}
      organization={target[0].organization}
      avatar={target[0].organization_avatar}
      client="xy"
      selectedImg={target[0].images[0]}
      gallery={target[0].images}
      onClose={() => setModalOpen(false)}
    />
  ) : null}

标签： javascriptreactjsurlreact-routermodal-dialog

Answer 1

确保您的路由器中提到了这条路线。像这样的东西，

<Route path="parent" component="ParentComponent" />
<Route path="parent/modal" component="ParentComponent" />

然后，您将不得不在设置变量以打开模式时使用 history.push 方法。

history.push('/parent/modal');

希望我的回答有帮助。

查看文档以获取更多信息。