gpt4 book ai didi

javascript - Node/ react : How to handle jQuery AJAX when rendering on server?

转载 作者:搜寻专家 更新时间:2023-10-31 23:37:52 25 4
gpt4 key购买 nike

我在 Node/Express 中有一个小型网络应用程序,它使用 react-dom 呈现初始 HTML 服务器端。然后通过对 componentDidMount 中的 API 的 $.ajax 调用在客户端填充该页面。 HTML 立即加载,但在 React 启动并完成 GET 之前没有有用的内容。

这是浪费。最好在呈现初始 HTML 时点击 API。但。我不知道一个干净的方法来实现这个。似乎我可以通过在 Node 中使用 stub get 方法声明全局 $ 来获得我想要的东西,但这感觉很脏。

在渲染 React 组件服务器端时如何实现 $.ajax

代码在 Github 上是公开的。 Here's a component使用 $.gethere's my API .

最佳答案

  • componentDidMount 不在服务器上运行,它只在客户端运行第一次渲染,所以 ajax 请求永远不会在服务器上发生。你应该用静态方法来做(还有其他方法)
  • 如果您选择 superagent 或 axios 会更好 - 可以在客户端和服务器端发出 ajax 请求
  • 然后您必须将 ajax 请求的结果作为全局变量的初始状态。

如果你遵循一些 repos 会更好,就像这样:

参见 https://github.com/erikras/react-redux-universal-hot-example

关于javascript - Node/ react : How to handle jQuery AJAX when rendering on server?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34537862/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com