问题标签 [react-server]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 在按钮单击时加载反应表的服务器数据
我正在尝试显示一个带有服务器端分页的反应表,它工作正常。问题是反应表在页面加载本身期间从服务器加载数据,但我试图仅在用户单击页面上的链接时才将数据加载到反应表中。
下面是 react-table 的代码:
在这种情况下,当浏览器加载页面时,它会调用 api 并将数据加载到 react-table 中。我们如何在页面加载期间阻止 react-table 加载数据,而不是在用户单击页面上的链接时加载数据。
getColumnHeaders 的实现:
提前感谢您的任何帮助,建议。
node.js - 出现错误“找不到相对于目录的预设‘react-server’……”
完整的错误信息:
../assets/around/TCircle.svg 模块构建失败:错误:在 Array.map(本机)中找不到相对于目录“/Users/admin/Documents”的预设“react-server”
我一遍又一遍地收到上面的错误,但是在整个项目的目录中没有提到 react-server 。
我想要完成的是将资产目录链接为npm
依赖项,并在整个项目中访问它们。
此外(这可能听起来很傻) - 但它在其他机器上完美运行。
reactjs - 浏览器/反应服务器停止支持组件后反应 DOM 不更新
一夜之间,我原来工作的反应服务被禁用了。它发生的原因是我的浏览器或反应服务器停止支持这个反应组件“react-selectize”。React-selectize 是一个基于“react-select”的反应组件,并提供了一些额外的功能。DOM 不再为组件更新。一个快速的解决方法是将组件更改为 react-select 并放弃一些功能。
我的问题是,我们没有更新浏览器或任何 npm 包,为什么会在一夜之间发生这种变化?
我还有第二个问题。我尝试使用 chrome 调试器在代码中插入断点,我发现了这条回溯消息:
从我的角度来看,react 在 DOM 中使用了惰性更新机制,并且浏览器在新数据和 ui 之间进行绑定时存在问题。有人可以帮助解密更多信息吗?理想情况下,我正在寻找可以在不更改反应组件的情况下解决此问题的修复程序(也许使用 redux?)。但我对所有解决方案持开放态度。
reactjs - 错误:React 服务器端渲染中没有这样的文件或目录
我试图在我现有的 react 项目上进行服务器端渲染,但遇到了问题。
我认为问题是 memory-fs 无法找到文件或目录。我已经阅读了很多线程,但到目前为止还没有运气。
下面是错误
javascript - 将 React 应用程序预渲染为静态 HTML
我有一个交互式登录页面(单页 - 没有反应路由器)。此登录页面需要上传到您只需粘贴 HTML 的 CMS - 这意味着我不需要<html> <head> <body>
标签,并且 JavaScript 文件是单独上传的。目前我可以粘贴<div id="react-root"></div>
到 CMS 并上传我捆绑的 JavaScript 文件,页面就可以工作了。
然而,反馈是这个页面现在需要在所有搜索引擎上都是可抓取的。这意味着我需要基本上呈现由 react 生成的初始 HTML 以粘贴到 CMS 中,并让页面仍然按预期工作。
我试图让我的构建命令将呈现的 HTML 输出到 index.html 文件中,我可以在其中将代码复制并粘贴到 CMS 中。(我的 bundle.js 文件工作正常)。
webpack.common.js
webpack.prod.js
模板.js
所以我使用 react-dom-server 来渲染ToString。这是最好的方法吗?如果是这样,这种方式不起作用,因为 HtmlWebpackPlugin 无法处理登录页面(导入和导出)中使用的 ES6 语法 - 无论如何?
reactjs - 如何设置 react-dom/server renderToString 传递给 graphql 服务器的标头?
我有一个网络服务器,它通过X-Forwarded-For
标头从负载均衡器接收客户端的 IP,但不会将其转发到 GraphQL 服务器,从而使调试更加困难。
是否可以打开它,或者它需要一个补丁来响应-dom/服务器?当服务器端渲染器触发它们时,其他人如何解决在 graphql 服务器请求日志中收集上下文数据的问题?
reactjs - React JSX 中的字符串模板
我创建了一个服务器并在其中插入了一些数据,现在当我想引用该数据时,它不显示名称字段,我使用字符串模板从服务器读取名称字段并显示它,但它不起作用,是语法有问题吗?这是我在 React 中的组件:
{entries} 显示正确,但我没有收到 {name} 的任何数据。
reactjs - 服务器渲染的 React ExpressJS 前端泄露用户的 Redux 存储数据
我有一个 ExpressJS 服务器,它有时会在初始渲染时渲染错误的用户数据。请参阅下面的(略微简化的)版本。
问题是该index.ejs
文件经常将错误的用户数据呈现在reduxState
...中呈现错误的用户数据
我的困惑是因为我希望调用会像每个用户的请求import { store } from 'routes.js'
一样覆盖商店。{}
问题似乎在于,它store
正在成为网站上每个用户的组合商店。
如何确保每个用户在网站上只能看到他们的数据?
路由.js
服务器.js
索引.ejs
React 组件中的示例fetchData
函数
reactjs - React 服务器端渲染内存泄漏
下面根据链接反应的代码说:
不幸的是,这可能会导致服务器渲染的内存泄漏(永远不会调用 componentWillUnmount)
我不明白这怎么可能是服务器端的内存泄漏。例如,假设我们有这个在服务器端呈现的代码,并且 ExampleComponent 包含内存泄漏。
当这返回到客户端时,渲染的组件不会附加到任何地方并准备好被 GB 收集。那么为什么会出现内存泄漏呢?
ruby-on-rails - Sprockets::FileNotFound at / 找不到类型为“application/javascript”的文件“react-server”
我正在返回大约一年半前创建的网站,在启动 rails 服务器时,我收到此错误:
Sprockets::FileNotFound at / 找不到类型为 'application/javascript' 的文件 'react-server' 在这些路径中检查: [一堆文件路径...]
错误看起来与这个问题相同: rails webpack react - sprocket could not find file react-server
上一篇文章谈到了删除旧的 react rails 文件,但我不知道该引用哪些文件。
解决
最后,一个安装和一个 gemfile 添加就成功了。我运行:npm install --save react-server,然后在我的 gemfile 中添加:gem 'react-rails',然后当然运行 bundle exec install。