【问题标题】:Convert React SPA to HTTP items将 React SPA 转换为 HTTP 项
【发布时间】:2020-05-08 12:22:47
【问题描述】:

我有一个 SPA 网络应用程序,在 REACTJS 中用于投资咨询。但是,我必须对其进行重构以使其可以通过链接共享其状态,以便用户共享链接并通过链接共享所选项目。我想知道你是否有通过一些 lib nodeJs 或 React 来帮助我解决这个问题的解决方案。谢谢!

【问题讨论】:

  • 尝试使用 react-router 设置链接到项目的页面,并根据 url 呈现特定项目/项目,它可以是完整路径,例如 example.com/item1,也可以结合 GET 参数,example.com/items?i=1 之类的,我建议你看看反应路由器。 npmjs.com/package/react-router-dom
  • 根据我在网站上所做的选择,我需要更改 URL,并根据 URL,向后端发送请求进行渲染。

标签: reactjs single-page-application


【解决方案1】:

如果您只想通过 http 链接共享反应状态并且没有有状态的后端,那么除了将状态数据保存在 URL 中之外,您没有很多选择。有一个 useQueryParams 钩子可以为你提供类似的东西所需的基本工具

https://github.com/pbeshai/use-query-params

你可以在下面看到一些关于这个技术的讨论和一个独立的实现

https://medium.com/swlh/using-react-hooks-to-sync-your-component-state-with-the-url-query-string-81ccdfcb174f

【讨论】:

  • 根据我在网站上所做的选择,我需要更改 URL,并根据 URL,向后端发送请求进行渲染。
猜你喜欢
  • 1970-01-01
  • 2013-02-05
  • 2020-10-04
  • 1970-01-01
  • 2019-07-17
  • 2020-05-25
  • 1970-01-01
  • 1970-01-01
  • 2017-10-05
相关资源
最近更新 更多