问题标签 [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 回答
1357 浏览

interface - 如何在codeandbox中将控制台面板右对齐?

我想将浏览器/测试/控制台面板与 js 面板的右侧对齐。

首先尝试拖动它们,但它没有用。

有什么办法吗?

在此处输入图像描述

0 投票
2 回答
421 浏览

javascript - Codesandbox.io 引发了跨域错误

当我尝试执行此代码时,Codesanbox.io 中出现“引发了跨域错误”错误。请问我该怎么做才能过去?我将 Create-react-app 与 codesanbox.io 一起使用

0 投票
1 回答
55 浏览

html - CodeSanbox 单独下载选项​​?

我是一名大一学生,因为学校 Chromebook 会阻止扩展程序和应用程序,所以 CodeSandbox 是我最好的代码编辑器选择。

我对 CodeSandbox 很陌生,所以我不完全确定如何下载特定文件。我的资源管理器中有一个 HTML 文件和 package.json,我可以选择将这两个文件下载为 .zip。但是我的 Chromebook 不允许我打开和提取 zip 文件,因此我无法访问我想打开的 HTML 文件。那么,我有没有办法只下载 HTML 文件,因为我无法打开 zip?谢谢您的帮助。

0 投票
1 回答
43 浏览

html - 试图将图像放置在固定位置。为什么在我刷新页面之前图像放错了位置?

新手来了

我刚开始在代码沙盒上玩 ReactJS。我想将图像元素(绿色箭头)保持在仪表元素上方的特定位置。我尝试了我能想到的最简单的方法,它有点适合我的需要,但是......当我打开页面时,图像放错了位置,但是如果我刷新页面,图像就会正好在我想要的位置它……为什么?!可能是什么原因以及如何解决它的任何想法?也许,您能告诉我将图像定位在 div 内特定位置的任何其他方式吗?

这是链接:https ://codesandbox.io/embed/gauge-ship-engine-1-h2nhx?fontsize=14&hidenavigation=1&theme=dark&codemirror=1

这是代码:

提前致谢!

0 投票
1 回答
991 浏览

codesandbox - dayjs - 如何在不同的时区创建 ISO 日期时间字符串?

我正在构建一个基于浏览器的应用程序,用户可以在其中设置其应用程序的时区,例如“America/New_York”。我的应用程序的一部分允许用户设置提醒,我希望用户指定他们想要的,例如,在他们的时区设置 2020 年 1 月 28 日上午 9 点的提醒。这应该可以让他们在伦敦度假并使用应用程序设置此提醒,显示此提醒仍将始终位于纽约时区。我将日期作为 UTC 存储在应用程序数据库中,并且在将其转换回显示时,用户将根据他们的时区显示它。我在 Codesandbox 中尝试过这种方法,将日期转换为 UTC 以存储在数据库中:

我在这里做错了什么?

0 投票
1 回答
298 浏览

javascript - 如何在静态代码框模板中使用脚本?

我创建了一个静态代码框模板,但似乎无法让 javascript 工作:

应用程序.js

控制台根本不显示任何控制台输出。没有捆绑程序的静态网站是否不允许使用脚本?

0 投票
0 回答
66 浏览

javascript - 从 Codesandbox.io 访问 Airtable

我从字面上复制了 Airtable API 的片段,例如:

但是,我得到的唯一错误是:

知道问题可能是什么吗?

0 投票
1 回答
319 浏览

reactjs - npm 包使代码框显示空白屏幕

我第一次制作了一个反应库来处理窗口和元素的无限滚动。当我创建一个反应应用程序并在其上安装软件包时,该软件包可以正常工作。但是在代码沙箱中,当我将包添加到依赖项时,它会变为空白并且什么都不显示,直到我删除包

这是包: https ://www.npmjs.com/package/react-snp-infinite-scroller

这是一个使用它没有问题的项目:

来源:https ://github.com/rezaerami/react-snp-infinite-scroller-docs

演示:https ://rezaerami.github.io/docs-react-snp-infinite-scroller/

这是一个示例代码沙箱反应应用程序,没有任何更改,仅将包添加到依赖项:

https://codesandbox.io/s/clever-meadow-tuxjo

0 投票
3 回答
568 浏览

javascript - 为什么我的反应表单在代码沙箱上不起作用

我在这里创建了一个简单的表格https://codesandbox.io/s/xenodochial-frog-7squw

它说您在value没有处理程序的情况下为表单字段提供了一个道具onChange。这将呈现一个只读字段。如果该字段应该是可变的,请使用defaultValue.

但是有一个 onChange 处理程序正在传递,所以我不明白。此外,当我点击提交时页面会重新加载,即使调用了 preventDefault()

谢谢

0 投票
1 回答
3090 浏览

reactjs - 如何使用 CodeSandbox 在 LESS 中为 Ant Design (React) 创建自定义主题?

环境设置

为了便于使用,我已经完成了以下步骤:这是一个示例项目的链接

  1. 前往CodeSandbox(或使用 VSCode - 对这些步骤进行适当更改)并创建一个新项目(我创建了一个 Vanilla 项目)
  2. 添加以下依赖项:
    • antd
    • react
    • react-dom
  3. 进行以下文件更改:

更新/创建src/index.js

创造App.js

重命名/创建styles.cssstyles.less


问题

现在重新加载项目的代码和框浏览器选项卡。它不断加载消息Transpiling Modules...并转到控制台显示错误:


蚂蚁设计

Ant Design 文档在此处说明以下内容:

在更少的文件中自定义

另一种自定义主题的方法是在要覆盖的变量中创建一个 less 文件antd.less

注意:这种方式将加载所有组件的样式,而不管您的需求如何,这会导致style选项babel-plugin-import不起作用。


问题

这个问题是否与Ant Design 文档中的注释有关?

如何解决此问题并在 LESS 中覆盖 Ant Design 样式?