我有下一个代码,应用程序应该从一个api中获得一个json,然后将整个json作为一个支柱传递给它,这样它就可以在每个组件文件中被处理,并将元素返回到屏幕上。
问题是,我还没有找到一种方法来存储从fetch到变量的信息。如果我只是传递一个在同一个文件中声明的json,它会很好地工作,但不能使它与获取的信息一起工作,开发人员工具显示json正在被检索,但它似乎没有在组件中被访问,正如您在组件中看到的那样,我尝试使用globalData在该变量中使用json存储,但是它破坏了我的应用程序,控制台说"Uncaught :无法读取未定义的属性(读' name ')“,其中名称是
基本上,我们在componentDidMount()生命周期方法中在React类组件中执行API调用,如下所示
componentDidMount(){
//Here we do API call and do setState accordingly
}
但在React v16.7.0中引入钩子之后,它的所有功能部件大多类似于
我的查询是,在带有钩子的函数组件中,我们到底需要在哪里进行API调用?
我们有类似于componentDidMount()的方法吗?
我在获取API时遇到了一个错误,该API说:
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it
indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous
tasks in a useEffect cleanup function.
如何取消useEffect函数中的所有订阅和异步任务?
我的Header.js文件
我正在尝试构建一个react组件,它显示一个基于API响应的随机数。但是我注意到显示的数字是无限重呈现的,当我检查服务器控制台时,它会收到来自react的无限请求。如何解决这个问题?我使用react状态来显示数字。
API randomnumber.js
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function (req, res, next) {
let randomNumber = Ma
我是新的反应,我试图开发一个简单的web应用程序,但我得到了一个错误。当我加载类组件时,我的构造函数会被调用两次,您能帮忙吗?
Home.js
import React from 'react'
import Land from "../Land";
function Home() {
return (
<div>
<h1>Home!</h1>
<Land/>
</div>
)
}
export de