小编Dav*_*eke的帖子

如何从 API 获取结果并将其存储为全局变量?

我正在开发一个项目,在该项目中,我提取美国 GDP 的 API,然后根据数据创建图表。现在,我对问题的第一部分感到困惑,因为我正在努力将 JSON 存储在变量中,以便我可以在项目的其余部分中使用它。我查看了其他一些线程,但没有找到适合我的解决方案。

下面是我当前的代码。

let jsondata =;

fetch('https://raw.githubusercontent.com/FreeCodeCamp/ProjectReferenceData/master/GDP-data.json').then(
    function(u){ return u.json();}
  ).then(
    function(json){
        jsondata = json;
        console.log(jsondata)
    }
  )


console.log(jsondata)
Run Code Online (Sandbox Code Playgroud)

目前,我可以在第二个函数中使用 console.log(json) 和 console.log(jsondata) 。但是,即使我在函数外部声明了该变量,它也不会使该变量成为自身全局变量。我缺少什么?

javascript scope fetch-api

9
推荐指数
1
解决办法
1万
查看次数

在 React-Boostrap 中使用容器时,我身体的背景颜色被覆盖

我正在自我介绍以反应引导程序。到目前为止,我在 npm 中有以下内容:

npm install react-bootstrap bootstrap
Run Code Online (Sandbox Code Playgroud)

从那里,我在App.js容器中创建了我的父元素:

npm install react-bootstrap bootstrap
Run Code Online (Sandbox Code Playgroud)

而且我还根据 reactBootStrap 文档导入了引导程序:

import React from 'react';
import {Link, Route, BrowserRouter, Switch} from 'react-router-dom'
import 'bootstrap/dist/css/bootstrap.min.css';
    
function App() {
  return (
    <BrowserRouter>
    <div className="App container">
       ...
    </div>
    </BrowserRouter>
  );
}
Run Code Online (Sandbox Code Playgroud)

接下来,我编辑了index.css我的容器类,使我的容器类具有白色背景,而我的身体具有青色背景:

import 'bootstrap/dist/css/bootstrap.min.css';
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是我的整个页面都显示白色背景。当我打开检查时,它显示我的身体确实有一个蓝绿色background-color,但它被覆盖了,但我不确定在我的代码中它何时被覆盖。有没有人有过这样的问题的经验?我的目标是有一个白色的容器,当我查看我的页面时,容器的两侧都有青色背景。

css reactjs react-bootstrap

7
推荐指数
1
解决办法
233
查看次数

Heroku 在启动脚本中失败,但我的 package.json 中有一个标准的启动脚本

我正在将 MERN 堆栈应用程序部署到 Heroku。在本地运行时,我的项目运行良好,但是当我尝试从 Heroku 运行我的应用程序时遇到以下错误。

2020-11-23T01:08:02.199575+00:00 app[web.1]: npm ERR!mernshoppinglist@1.0.0 启动脚本失败。

这是我尝试加载应用程序时来自 Heroku 的完整日志

2020-11-23T01:08:02.199331+00:00 app[web.1]: npm ERR! 
2020-11-23T01:08:02.199575+00:00 app[web.1]: npm ERR! Failed at the mernshoppinglist@1.0.0 start script.
2020-11-23T01:08:02.199766+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2020-11-23T01:08:02.875811+00:00 app[web.1]: 
2020-11-23T01:08:02.876018+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2020-11-23T01:08:02.876125+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2020-11-23T01_08_02_200Z-debug.log
2020-11-23T01:08:02.935584+00:00 heroku[web.1]: Process exited with status 1
2020-11-23T01:08:02.975882+00:00 heroku[web.1]: State changed from …
Run Code Online (Sandbox Code Playgroud)

heroku node.js express

6
推荐指数
1
解决办法
2043
查看次数

当我使用 append child 附加字符串时,Javascript 无法识别节点

我正在使用 DOM 命令来更好地理解它们。但是,当我尝试将一串 HTML 附加到我选择的元素的子元素时,我收到一条错误消息。我收到一条错误消息,指出我的 div3 变量不是节点。但是,当我 console.log(div3) 它在我的控制台日志中被列为一个节点。我究竟做错了什么?

var div3 = document.getElementById('div3');
div3.innerHTML = "Test String";
console.log(div3);

div3.appendChild("<h2>myH2 tag</h2>")
Run Code Online (Sandbox Code Playgroud)
<div id="div3"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, natus.</p></div>
Run Code Online (Sandbox Code Playgroud)

javascript dom

0
推荐指数
1
解决办法
118
查看次数

标签 统计

javascript ×2

css ×1

dom ×1

express ×1

fetch-api ×1

heroku ×1

node.js ×1

react-bootstrap ×1

reactjs ×1

scope ×1