问题标签 [codesandbox]

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 投票
1 回答
263 浏览

javascript - 在静态模板中,脚本标签导入另一个文件不起作用

我创建了Field.jsindex.js. index.js使用字段。但是Field.js永远不会加载。我的沙箱在下面。

<script src="Field.js"></script>在codesandbox中不可能吗?它只适用于src="index.js"

这是我的沙箱 - https://codesandbox.io/s/l55933j36z

在此处输入图像描述

0 投票
0 回答
71 浏览

codesandbox - Jest 测试没有在“Vanilla Static”模板中看到测试文件

我之前没有在codesandbox中成功使用过jest测试,但我听说它是​​零配置。我现在正在这个“Vanilla Static”模板中尝试:

https://codesandbox.io/s/lr74k637mq

我创建了一个 PathStore.test.js - 但是测试控制台永远不会拿起它。我需要做一些配置吗?

我想将“jest”添加为依赖项,所以我这样做了,但它仍然无法正常工作。

0 投票
0 回答
46 浏览

javascript - console.log() 和 array.reverse 意外行为,reactjs

假定的重复问题只回答了这个问题的第一部分(很糟糕),而不是第二部分。它“糟糕”地回答了第一部分,因为 JSON.stringify 仅适用于超级简单的示例。一旦这个例子变得稍微复杂一点,它就会带来另一个问题。如“TypeError:将循环结构转换为 JSON”。

console.log 没有按预期工作。注意 React、CodeSandbox 中的行为。链接。我在处理我的项目时偶然发现了这个错误,该项目不在 CodeSandbox 上,也没有使用 create-react-app(如果重要的话)。

这不仅在 React CodeSandbox 中,而且在 Vanila 沙箱和可能的其他沙箱中。

下面我写了 2 个按预期工作的示例。

Reactjs 片段:

  1. 如何解决该 console.log() 问题?
  2. 为什么在不同的环境中行为会有所不同?
0 投票
2 回答
844 浏览

vue.js - Vue.js 中的循环引用问题 - 但仅限于 CodeSandbox

我有一个 Vue.js 应用程序 (m4ops),并且正在开发一个公共 Vue.js 包 ( vfg-display-fields ) 作为其中的一部分。由于它是一个树形结构,包有一对循环引用的组件。我已经使用Vue.js Guide中的方法解决了这个问题。

在我的 vfg-display-fields 包中,这两种方法都可以很好地工作。当我发布包并将其导入我的主 m4ops 包时,它也可以使用任何一种方法正常工作。

当我尝试在 CodeSandbox 中展示包时出现问题(请参阅https://codesandbox.io/s/ykpj1jpxvv)。

使用我使用的第一个建议方法

在 CodeSandbox 我得到错误:

使用第二种方法

我得到错误

这只是我的第一个包,我对 Vue.js 非常陌生。我的包似乎在其预期位置(我的 m4ops 应用程序)中运行良好,但在 CodeSandbox 中却没有。这是我的错误还是 CodeSandbox 中的错误?

0 投票
1 回答
535 浏览

javascript - 使用 React Hooks 将输入传递给子组件来更新输入值

我有一个加载组件,它创建一个骨架,直到内容通过@trainline/react-skeletor. 在这种情况下,我正在为表单创建骨架。

首先,我有一个CodeSandbox供那些想要查看正在发生的事情的人使用,并且所有组件都用于更好地了解解决方案。

我也在使用基于函数的组件,并希望保持这种状态,除非通过基于函数的组件无法做到这一点,否则我不想使用基于类的组件来解决此问题。

我有一个组件ProfileForm,目前包含一个h3和一个form

表格如下

FormControl组件返回一个<form>元素

InputControl组件返回一个<label><input>元素

ErrorMsg组件返回一个<div>

将呈现如下。

我创建了一个虚拟 http 请求,在其中更新了一个带有标题和上面表格的状态对象。

在我的回报中,我将content状态对象作为道具传递(注释掉的代码有效,但不会创建我的项目中所需的骨架加载元素

ProfileFormContainer创建骨架元素,然后将道具向下传递到另一个组件,并在下面的代码片段中返回。

这按预期呈现,但是,当我尝试输入输入时,它不会更新输入的值。我的问题是,当输入作为道具传递给子组件时,如何更新输入的值?

任何帮助将不胜感激

0 投票
1 回答
79 浏览

reactjs - Codesandbox.io 中的 React-Testing-Library 问题

我是 React 的相对菜鸟。想在这个沙箱中练习一些 tdd基本反应沙箱。似乎测试代码正在影响应用程序组件状态如果您在浏览器和测试之间切换,您会看到测试项目被添加到列表中 - 即使我在测试中运行渲染和清理。

不知道我做错了什么?

0 投票
1 回答
859 浏览

node.js - 使用代码和框将前端(反应)连接到后端(节点)

我正在使用反应、graphql 和节点。目前,我的反应代码在代码沙箱上,而我的服务器代码在我的本地计算机上。在这种情况下,我如何将我的前端与我的后端连接起来?在链接它们之前,我是否需要将我的服务器代码部署到 heroku 或数字海洋上?我希望能够在部署我的代码之前先对其进行测试

我也在考虑将我的后端代码迁移到代码沙箱。在这种情况下,我是否仍然能够链接我的前端和后端代码,以便在部署到托管服务提供商服务器之前对其进行测试?

谢谢

0 投票
1 回答
206 浏览

typescript - 如何将 dojo (TypeScript) 项目从代码沙箱克隆到我的服务器?

我需要迁移/克隆https://codesandbox.io/s/8zro6m4kj9中的项目是 Dojo 中的列表(我不知道版本),但它是扩展名为 .ts 的文件(TypeScript)。

我尝试下载项目并运行它,然后我尝试安装 Dojo 5,最后我尝试编译 ts.

简而言之,几天前我试图在我的服务器上运行这个项目。你能用简单的话解释一下我如何设法迁移这个项目吗?

0 投票
1 回答
219 浏览

javascript - react-testing-library cleanup 在代码沙箱中不起作用

cleanup在codesandbox中不起作用,我在这里建议的人评论ReactDOM.render函数:https://github.com/CompuIves/codesandbox-client/issues/1525它可以工作,但fireEvent不起作用。反之亦然,当我不评论 ReactDOM.render 函数时,它fireEvent可以工作,cleanup也不能。

代码:https ://codesandbox.io/s/mqm2w49y1x

0 投票
4 回答
6025 浏览

codesandbox - 如何从 github repo 同步到 codesandbox?

CodeSandbox我从 github repo创建了一个。CodeSandbox如果有一些提交推送到 github repo,我该如何同步?我看到 Codesandbox 上有一个 github 视图,但它没有显示任何pull操作。