问题标签 [react-dom-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.

0 投票
0 回答
274 浏览

reactjs - React Native Hook 问题 - 错误:无效的钩子调用。Hooks 只能在函数组件的主体内部调用

我对反应还很陌生,我花了大约 2 天的时间在 VSCode 上搜索、添加和删除包,但无济于事。

我正在关注网络忍者最近在 Youtube 上的教程,我被困在第 25 步。(https://www.youtube.com/watch?v=t7VmF4WsLCo&t=4s

我已经完全复制了代码,但问题似乎在 React 的其他地方。

如果有人可以帮助或指出我正确的方向,将不胜感激。

这是我每次尝试访问该页面时出现的错误。对于不在主页上的任何页面都会抛出它。

0 投票
0 回答
36 浏览

node.js - 通过钩子反应生成静态页面

我想从不同的反应应用程序生成(导出)静态网页。一个选项可能是 node.js 应用程序,我将 react 应用程序的文件夹设置为参数,node.js 应用程序生成静态页面。如果这是不可能的,可以从命令行使用工具并编写一个简短的 bash 脚本来执行此操作。唯一的先决条件是传递的反应应用程序应该使用钩子,而不是类。

我试图ReactDOMServer.renderToStaticMarkup在一个 node.js 应用程序中解决它,该应用程序适用于带有类的反应应用程序,但是当我通过另一个带有钩子的应用程序时,它会抛出TypeError: (0 , _react.useState) is not a function or its return value is not iterable.

谢谢你的帮助。

0 投票
1 回答
446 浏览

reactjs - Node.js:找不到模块 react-dom/server

我正在学习 React 服务器端渲染。使用 Koa 搭建服务端。按照官方文档,我安装reactreact-dom

接下来在我的服务器端条目中:

但是当我尝试启动我的服务器时,它只是告诉我:

这是我的 pkg.json:

您可以在此repo中查看我的整个代码以获取详细信息。

0 投票
0 回答
50 浏览

javascript - ReactDOMServer.renderToString() 用引用解析 React 组件

我试图将 ReactDOMServer.renderToString() 与 Babel/Register 一起使用。ReactComponent 的 JSX 有几个图像引用。ReactDOMServer.renderToString 方法在没有图像引用时有效,但在有图像引用时无效。它会引发意外的令牌错误。所以我的问题是:这种方法是否支持使用图像引用对 React 组件进行字符串化?还是我需要做一些 webpack 配置?ReactDomServer.renderToString 和 Next.js 有什么区别?

0 投票
3 回答
163 浏览

reactjs - 在 React Main.js 中循环路由映射

我正在为我的博客使用 react-router-dom。我的 Main.js 看起来像

我想让它自动理解为 component = "art"+path。我应该怎么做?

0 投票
2 回答
39 浏览

reactjs - 标头仅在“/”和“/checkout”中显示

我希望仅在“/checkout”和“/”期间可见,而不是在整个路径中可见。在 react reuter dom v6 中很难做到。

0 投票
0 回答
193 浏览

javascript - 在 package.json 中将“type”设置为“module”然后无法读取 es 模块

上下文:我正在尝试使用 React 从 SSR 开始,在更新之前我遇到了这个问题,我很确定我错过了一些明显的东西,但我不确定它可能是什么。

在我的根目录中,我有 public、server 和 src。

'./server/index.js'

'./server/ssr.js'

'./src/App.js'

'./package.json'

因此:

这就是我得到的...

当我可以让应用程序在端口 3000 上构建和运行时,这就是我在重新渲染页面时得到的...

跑步…… node --trace-warnings server 让我……

0 投票
0 回答
57 浏览

next.js - ReactDomServer 与 Next.js SSR

ReactDomServer并且Next.js都支持服务器端渲染。除了开发者经验之外,它们有何不同?

0 投票
0 回答
12 浏览

android - 为什么升级到 Android 11 (SDK 30) 后 ReactDOMServer.renderToStaticMarkup 不起作用?

我正在开发一个 android 应用程序,截至 11 月,谷歌要求我们以 SDK 30 为目标。

从 29 -> 30 升级时,ReactDOMServer.renderToStaticMarkup 功能似乎已经损坏。在调试时,在销毁渲染器的“finally”子句期间,应用程序始终崩溃。如果我降级到 SDK 版本 29,一切都会按预期工作,但这不是一个可行的解决方案。我正在使用 react 17.0.2 和 react-dom 17.0.2。

任何对此问题的见解将不胜感激,谢谢!

0 投票
0 回答
21 浏览

html - 从 React 元素使用 css 生成 HTML

我正在尝试使用以下代码从反应元素生成带有 CSS 的 HTML。

我在反应元素中使用 Material UI 组件。生成的 HTML 中未应用 Css。

如何使用 css 生成 HTML?