问题标签 [codesandbox]

有没有办法在代码和框中更改 Typescript 错误弹出消息中的语言？

以下错误消息在 PL 中

但是当我悬停 HTML 错误时，我收到 EN 语言错误：

请注意，错误 ts(2531) 在 PL 中

我一直在学习 mongodb 的 Udemy 课程，由于导师使用基于云的 ide（cloud9），我也决定使用相同的。但是，由于 cloud9 现在需要 AWS 帐户，我想到了使用 CodeSandbox。但我不知道如何在上面启动 Mongo 服务器。安装 Mongod 和 MongoDB 后，如果我尝试运行 app.js，它会给我错误：

如果我尝试运行 mongod，它会说

这是我的 app.js

我已经尝试使用codesandbox的UI安装mongo和mongod，使用终端（npm install），并按照cloud9的文档所说的（我知道它不应该工作，但我找不到任何Codesandbox文档）

是否可以在代码沙箱中执行此操作，还是必须使用 MongoAtlas？提前致谢！

我尝试在我的代码盒中实现 rete.js 可视化编程框架，并在我的 canvas.js 文件中使用以下代码：

浏览器显示以下错误消息：

你能在这里找出我的错误吗？

我很混乱。(github) 小部件在桌面上运行良好，但在移动浏览器上有些问题。我希望 (1) css 和 (2) this.props.date 在移动设备上更新，就像在桌面浏览器上一样。在桌面上查看（从我的代码和框中删除以节省空间，从 github 运行，它是 create-react-app），然后在移动设备上查看它以注意这些问题。我不知道移动浏览器在代码中的具体位置是错误的。它不是带有 create-react-app 的 polyfill startPad，我把它拿出来了。我遇到的 create-react-app webpack 还有另一个问题吗？

codesandbox-code编辑：我在清理 github 时删除了这个，你可以在https://codesandbox.io/s/recursing-paper-4vosh或https://github.com看到一个优化的日历版本/尼克卡杜奇/Wavepoint.la

高兴中国的日历

我是 js 新手。我真的不明白它是如何this工作的。我有几个例子，它们在 codesandbox.io、create-react-app、使用 strict 和不使用 strict 中的工作方式不同。

示例 1

在代码沙箱中Object {id: "awesome", cool: function coolFn()}, null。

在使用严格 {id: "awesome", cool: ƒ},Window{...}。

在不使用严格{id: "awesome", cool: ƒ},Window{...}的 .

在 create-react-app {id: "awesome", cool: ƒ},Window{...}中。

示例 2

在代码沙箱中undefined, undefined。

在使用严格 Window{...},Window{...}。

在不使用严格Window{...},Window{...}的 .

在 create-react-app undefined , undefined中。

谁能解释我的例子中发生了什么？

我正在使用 Geolocation 制作一个初学者 React 天气应用程序。这是代码。主要代码在App.js中。Daily和Hourly仅用于显示。

应用程序.js

日常的

每小时

在 Codesandbox 上，有时它不起作用，所以我要做的是注释所有Daily和Hourly组件，等待 2 秒以重新加载 Codesandbox，然后取消注释它们，通常它会起作用。

VSCode 并非如此。它会说currentWeatherOne.weather 未定义，这意味着currentWeatherOne尝试访问尚未存在的信息。我不明白，这不是使用承诺的全部意义吗？使用异步、等待等？让它等待返回结果，然后显示它？不管是什么原因，为什么它适用于代码和框而不是 VSCode？

真的很想得到反馈和帮助。谢谢你们！

我已经成功创建了一个对以下端点执行呼叫请求的操作

API 文档在这里

我在代码沙箱中创建了一个小演示，您可以在其中看到我可以显示匹配项wins，draws并loses在我Stats.js的圣保罗团队组件中正确显示（这是一个示例）

这里我已经完成了所有步骤，我只向您展示实现它的相关代码

在我的减速器中，我创建了以下案例

在我最初的状态下，我有

这些是我的案例

这里是我对 API 端点的调用请求的操作

然后 getTeamsStats将函数放入fetchLeaguesList以获取圣保罗结果作为示例

这是我组件中的相关代码Stats.js

正如您在代码框演示中看到的那样，它按预期工作，但我不知道我是否以正确的方式处理 Redux 状态、调用操作和组件。

我的问题是，对吗？我可以做得更好吗？如果是，我应该如何重构？

代码沙盒演示中的任何重构和代码更改都可以接受答案

我在代码沙盒上遇到问题，在正常设置中无法重现。

错误是：“无效的钩子调用。只能在函数组件的主体内部调用钩子。” - 不变量 321

1. 我只使用函数组件
2. 依赖项中实际上存在问题（DraftJS）
3. 将 react 和 react-dom 降级到 16.12 - 错误不存在
4. 完全删除了 DraftJS 依赖项安装（删除了 schema widget: 'Text'）
5. 在 setTimeout 内删除了其他一些调用 - 对 setState，而不是钩子
6. 查了package-lock.json，react和react-dom是同一个版本

沙箱中仍然存在错误，离线安装时根本没有错误出现。

错误主要由src/Schema/DemoEditor.js触发

• 更改沙箱（没有 DraftJS 安装，没有 setTimeout）：https ://codesandbox.io/s/youthful-lalande-w8cvz
• 组织。沙箱：https ://codesandbox.io/s/github/ui-schema/demo-cra
• github项目：https ://github.com/ui-schema/demo-cra

我有一个组件Details.js，我在选择下拉列表中填充来自 4 个联赛的团队

根据选择的团队，State.js组件中的状态会更新

问题在于，根据所选团队的不同，有时会呈现状态State.js，有时不会呈现状态。

控制台中没有错误，并且在 redux 工具中状态已正确更新。

我正在使用https://www.api-football.com/来使用数据。

这里是相关代码

在reducers/index.js我创建了一个初始状态

在actions/index.js

我在getTeamsDetailById(id)

在Details.js组件中

我leagueId在顶部添加了状态

并编辑了我的selectTeamStat功能

我在代码框中提供了演示，重现了这里的案例（必须使用 Google Chrome 扩展程序 CORS Unblock 来查看或任何其他扩展程序解除 CORS 的阻塞）

要重现该案例，例如在 Serie A 中选择 Flamengo，状态会更新且不会在组件中呈现，但如果您选择 Botafogo，则会呈现状态。为什么？

我有一个组件League.js，其中有 4 个包含联盟团队详细信息的框。

团队详细信息来自此 API =>https://www.api-football.com/demo/api/v2/teams/league/${id}

当我单击每个联赛框时，我正在组件中填充下拉列表Details.js

每当我单击每个联赛框以便在team_id名为. 为此，我向此端点发出呼叫请求 =>League.jsStat.jshttps://www.api-football.com/demo/api/v2/statistics/${league}/${team}

所以我需要传递league_id和作为一个参数，我可以正确地得到两个值，但是我在如何传递每个联赛的球队team_id第一名方面做错了。team_id

这些是步骤，我只放了相关代码。我正在创建firstTeamStats我正在调度的状态

在我的行动中 => index.js

在我的reducer => index.js

在我的 League.js 组件中

现在firstTeamStats在onclick上面的方法中正确返回了第一支球队的状态值，但不是现有联赛的状态值，而不是我点击的那个我想要的值。

但是我可以在Details.js组件中正确获取此内容，我已将其放在{firstTeamStats}演示中，在那里我复制了我的案例 => https://codesandbox.io/s/romantic-solomon-6e0sb（使用 CORS Unblock Chrome 扩展程序查看）

所以问题是，我怎样才能在方法中{firstTeamStats} 正确传递我的联盟第一的状态在哪里？League.jsonclickgetStats(id, firstTeamStats){firstTeamStats}team_id