问题标签 [react-create-app]

试图模拟jwt_decode我得到一个错误：

TypeError: jest.requireActual 不是函数

我不确定是否必须包含任何 @types 或某些依赖项，甚至可能与我模拟函数的方式有关。

我的.spec.js：

我将 jest 与 RCA 一起使用，以防万一。

我有一个使用 create react app 创建的项目。可以说我有一个像这样的简单组件-

我将像这样测试组件 -

如果我会像这样使用styles.module -

我将无法再使用“.button”在测试中找到元素，因为当我使用 css 模块时，webpack 会在我的类名中添加一个哈希。那么如何在使用 css 模块时测试反应组件？仅通过向元素添加 Id ？更改我的代码是错误的，因此我将能够对其进行测试。

谢谢，迪娜

我最近在练习反应，所以通过 react-create-app 创建了一个简单的应用程序并且没有编辑任何配置。
我想要做的只是渲染 fullcalendar 所以安装了来自 fullcalendar 文档的推荐依赖项。
它呈现组件，但没有它的样式，我导入了一个 scss 文件，并在这个 scss 文件中导入样式表，就像
@import '~@fullcalendar/core/min.css';文档所说的那样。
但它不起作用，我在浏览器开发工具中看不到样式。

这是 scss 文件的输出：

还有我的 scss ：

当我导入没有文件扩展名的样式表时，就像 main 一样，它在浏览器开发工具中显示了这样的样式，但它也不起作用。

感谢您阅读...

- -编辑 - -

我修复了它，这不是配置的问题，而是我的错......
在我的 app.js 中，有代码替换了 header 标记内的整个代码，这就是我无法加载任何样式表的原因。
对不起评论员，但还是谢谢你帮助我。

React 使用 sass 和 css 变量创建应用程序冲突

反应 16.7.0 node-sass ^4.13.0" sass-loader ^8.0.0

------ 萨斯 ------

---------- 编译的css --------

在浏览器上

我创建了一个反应应用程序npx create-react-app my-app --template typescript并添加了反应组件rn-sliding-up-panel。我知道 rn 代表 react native，但解决方案是纯 js 并且在网络上运行良好。

现在我明白了Support for the experimental syntax 'classProperties' isn't currently enabled (35:20): Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel config to enable transformation.

这是一个很棒的信息错误消息。不幸的是，我没有 babel 配置，因为我想用 typescript 进行整个编译。

我已经尝试将配置添加到我的 package.json 中，但没有任何运气

我怎样才能解决这个问题？

我正在使用 React 创建应用程序，并且我了解如何将组件导入到名为 app.js 的主应用程序中。我不明白的是如何在组件中导入组件，然后将其导入 app.js（嵌套组件）。在我的 app.js 文件中，我有一个名为 Portfolio 的组件。在我的portfolio.js 文件中，我有一个名为Language 的组件。甚至可以使用 React 创建应用程序嵌套组件吗？因为它似乎不起作用。

这就是我试图做的：

在我的 app.js 文件中：

在我的portfolio.js 文件中：

在 language.js 中，我有：

在我的浏览器中，我不断收到以下错误：

“./src/components/portfolio.js 模块未找到：无法解析 'C:\Users\mluce\exercice-react\src\components' 中的 './components/language'”

我的 language.js 文件肯定位于我的组件文件夹中。我不明白为什么会出现此错误？

我如何在没有弹出的情况下解决 react-create-app 中的 css className 冲突问题。我每次都需要为应用程序的每次呈现创建唯一的类名。

例如我想要什么：

1. 第一次渲染：Header_xHtdc
2. 第二次渲染：Header_1dg5c

但现在我不断得到相同的类名

运行 docker-compose up 给出了上面的输出，但是当我尝试在浏览器上连接到服务器时，我什么也没得到：

我输入了端口和地址：

我没有收到任何错误消息。我正在使用我用 npx create-react-app docker-app 创建的样板项目。

有什么不对。

这是我的码头文件：

Dockerfile.dev：

我一直在尝试使用 CodeSandbox.io 上的标签添加图像。但是，每次我尝试添加它时，它都不会显示，只是默认为 alt 标签（显示徽标）。

您可以在此代码框链接中查看我的代码和现场演示

我的情况：我有一个页面预加载器，但它使用 react 并且很长（第一次绘制）。SSR可以解决这个问题，但是太难了（我的意思是通过全SSR解决这个问题）。

我想使用类似 React.hydrate 的东西，但只用于一个组件。我有渲染的<MyCustomPreloader />组件<div class="loader" />，但渲染延迟很长（加载页面后）。

我的想法：例如，index.html我可以在内部制作<div class="loader" />第一次绘画时可见的内容。主要问题<MyCustomPreloader />是我已经渲染了 div，他必须使用它而不创建新的。

我可以在组件中找到必要的 DOM 并使用它，但这意味着放弃 React 并继续直接使用 DOM 组件。

我尝试手动添加和使用，<div class="loader" />而不是它的工作原理！但是尝试在装载机前后对每个组件进行水合，而这个解决方案是杂乱无章的。<div id="root"></div>React.hydrateReact.renderReact.hydrate

我相信有一个功能可以部分水合单个组件（比如组件“使用这个 DOM”而不是制作相同的新元素），但我找不到它。

例如：

这个 kludge 的例子：https ://codesandbox.io/s/hopeful-meadow-qgz6j描述：我有“预渲染”加载器index.html，并在 loooong 加载得到它并使用它（这个 DOM 元素）后做出反应。

我可以用一些 DOM 元素水合单个组件吗？