除了codepen之外，我之前没有在任何东西中使用过SASS或SCSS，如果这是一个基本问题，我深表歉意，但我的CSS工作正常，但我想嵌套一些标签，当我设置SCSS和SASS依赖项并更改我的文件名时到.scss，我所有的格式都消失了。我在某处读到了有关将 scss 文件导入 css 文件的内容，但我不确定如何实现。

这是代码沙箱的链接：https ://codesandbox.io/s/oj15rk1vw9

我在 CodeSandBox/StackBlitz 等在线 IDE 中遇到奇怪的错误。我做了一个示例 http 请求（使用 axios 但使用 fetch 或其他问题是一样的）并尝试在控制台中打印响应。http://[public ip]:8080/coucou我在前面使用 React，在后面使用节点（监听端口 8080），当我使用 npm start（localhost:3000 和 http 请求 in ）对 create react app 执行完全相同的操作时，我会精确地做到这一点

在此处反应代码（请求在 Main.js 文件中）： https ://codesandbox.io/s/ww28ry45pl

当我刚刚http://[public ip]:8080/coucou完成这项工作时，我得到了服务器的良好响应。

这里是 codeSandBox 中服务器返回的错误（由 catch bloc 捕获）：

错误{堆栈：“createError@ https://ww28ry45pl.codesandbox.io/node_modules/axios/lib/core/createError.js:16:15 handleError@ https://ww28ry45pl.codesandbox.io/node_modules/axios/lib/适配器/xhr.js:87:14 "}

我还没有发现任何关于这个问题的信息。

我在我的项目中使用 create-react-app 但是当我尝试使用 scss 而不是 css 时它会中断。我试图安装依赖项 node-sass 和 saas-loader - 仍然没有。我也尝试为包裹更改寺庙，但没有渲染任何内容。你能帮我看看在这个项目中切换到scss的方法吗？

https://codesandbox.io/s/5y9nr49y44

谢谢

我正在制作一个简单的战舰游戏。

首先，我为 Board 创建了测试。现在我正在编写 BoardContainer，它保存状态并计算转数和命中数，并渲染这样的 Board。

在 Board 测试中，我检查了它的大小（10x10），但是在测试容器时，它会再次“渲染” Board，因此第一次测试失败，因为现在它找到了 20x20 的板。哎呀！

我不确定处理这个问题的正确方法是什么，我不想在同一个文件中编写所有测试，因为这不是我在现实世界项目中会做的。

这是代码框网址： https ://codesandbox.io/s/o75lq4z9n6

顺便说一句，我正在学习 TDD，所以我是新手，对于如何通过生产 create-react-app 项目处理此问题的任何建议，我都会非常有帮助（它可能会发生同样的情况吗？）。提前致谢！

我想使用在我的本地计算机上运行的 spring boot rest 服务在 codesandbox.io React Project 中。要在我的本地系统中执行此操作，我使用“代理”编辑我的 package.json：“ http://localhost:8080/ ”

但是我应该怎么做才能在codesandbox中使用我的本地API？

我有我的反应应用程序代码沙箱。如何从代码沙箱部署。有什么想法吗 ？

在此代码沙箱中，执行以下测试：

Jest 将其报告为通过，即使期望失败。想法？

问题：

如何运行实时的浏览器内开发服务器？

语境

Stackblitz和CodeSandbox是两个提供在线 IDE 来开发 Web 应用程序的平台。我有一个类似的用例，需要在浏览器开发服务器中运行，但除了这些少数观察之外，我找不到太多东西。

很少观察

1. Stackblitz 在他们的公告中描述了他们使用“Progressive Web App API's to run a live dev server in-browser”。

2. 为了解决节点依赖，stackblitz 使用他们的自定义 npm 客户端turbo。在 github repo 页面上，它被描述为

Express.js 路由用于补充 StackBlitz 上的客户端依赖项和类型定义。

3. 还涉及一些模块捆绑器来支持热重载的实时开发。

我怀疑stackblitz 在 service worker 中运行 express.js 服务器，但我似乎无法理解。我在这里没有想法，任何帮助将不胜感激。

我使用样式组件在 CodeSandbox 中有我的应用程序。请参考以下网址 https://lrn6vmq297.sse.codesandbox.io/

每次我进行一些更改时，控制台都会说。

Warning: Prop `className` did not match.

It looks like you've wrapped styled() around your React component (Component), but the className prop is not being passed down to a child. No styles will be rendered unless className is composed within your React component.

并且 UI 未按预期呈现。任何人都知道我为什么会遇到这个问题？请看一下上面的网址。

谢谢

照片对象不会通过状态在图库组件中更改。我创建了一个“文件夹库”，一个多库组件，如果您通过单击选择它来呈现一个新组件。

看演示： https ://codesandbox.io/s/50wr02n8q4

github问题： https ://github.com/neptunian/react-photo-gallery/issues/118

环境：

• 反应照片库：6.2.2
• 反应：16.6.3
• npm：6.4.1

请看下面的代码：

photoProps维度对象：

这里的内部组件：

现在Gallery组件：

编辑 - 我更新了画廊道具

我也修复了Gallery示例的组件道具。

并称之为：

参考：

• Create React App 中的 Dynamic import() 简介
• 反应图像