为什么我的数组在React中接收它的函数是空的？
在React中，当你将一个数组传递给一个组件的函数时，如果函数接收到的数组是空的，可能有以下几个原因：
- 数据未正确传递：首先，确保你正确地将数组传递给了函数。在React中，你可以通过props将数据从父组件传递给子组件。确保你在父组件中正确地传递了数组，并在子组件中通过props接收它。
- 异步加载数据：如果你的数组是通过异步请求获取的，那么在数据加载完成之前，函数可能会接收到一个空数组。在React中，异步请求通常使用
fetch或axios等库进行。确保你在数据加载完成后再传递给函数。 - 生命周期问题：React组件的生命周期方法可以影响数据的传递和接收。如果你在组件的
componentDidMount或componentDidUpdate等生命周期方法中进行了数据操作，确保你正确地处理了数据传递和接收的逻辑。 - 状态更新问题：如果你在函数中使用了组件的状态（state），确保你正确地更新了状态。React中的状态更新是异步的，所以如果你在更新状态后立即访问状态，可能会得到旧的值。你可以使用
setState的回调函数来确保在状态更新完成后再进行操作。
总结起来，当你的数组在React中接收到的函数是空的时，需要检查数据传递、异步加载、生命周期和状态更新等方面的问题。确保数据正确传递，并在合适的时机进行操作。
相关·内容
1回答
我正试着用React做一本字典。首先，我有
const [word, setWord] = useState();
然后，我有了API
const dictionaryApi = async () => {
try {
const data = await axios.get(
`https://api.dictionaryapi.dev/api/v2/entries/en/${input}`
);
setWord(data.data);
} catch (error) {
console.log(erro
浏览 11提问于2022-03-24得票数 1
2回答
为什么状态没有更新？我已经检查了我是否以正确的形式从api接收数据。我可以打印结果，如果我改变它，而不是试图将它添加到一个新的数组中，并将其放入状态。我还检查了它是否存在于作用域中，据我所知，它应该可以工作，因为我使用的是箭头函数。在map函数之后，我仍然收到一个空数组。
我遗漏了什么？
class CurrencyForm extends React.Component {
state = {
currencies: [],
}
componentDidMount(){
this.fetchCurrencies();
}
fetchCurrencies =
浏览 18提问于2019-11-30得票数 2
回答已采纳
1回答
我正在尝试创建一个显示自定义组件列表的视图。这是非常基本的，但是在加载组件之后列表是空的。 该组件的定义如下。 import React, { Component } from "react";
import { Text, View, Image } from 'react-native';
import { Container, Icon } from 'native-base';
export default class PlaceVoting extends Component {
render() {
retur
浏览 8提问于2019-02-25得票数 1
回答已采纳
3回答
响应钩子函数依赖
、、
我发现自己陷入了一个奇怪的境地。我正在执行一个钩子，我不能设法实现我想要的。
我有这样的事情：
const appHook = props => {
const [foo, setFoo] = React.useState([]);
const [bar, setBar] = React.useState([]);
React.useEffect(() => {
setFoo(getFoo(props.fooList, props.fooId));
setBar(getBar(foo.listToFilter));
}, [props.fooId]
浏览 0提问于2019-12-10得票数 4
回答已采纳
您好，我正在学习JavaScript和react中的异步数据处理。我想让异步功能组件提供的数据在基于类的组件的状态下可用。 然而，我在基于类的组件的状态下实际访问接收到的数据时遇到了问题。 下面是我的异步函数组件，它返回值： export function validateAudioFile () {
setTimeout(function(){ return "hallo" }, 1000);
} 下面是我的基于类的组件，它接收这个值： import {validateAudioFile} from './AudioFileValidati
浏览 32提问于2020-11-07得票数 0
我有一个无状态反应组件，如下所示：
import React from 'react';
import PropTypes from 'prop-types';
import Goal from './Goal'
import {List} from 'material-ui/List';
import {PropTypes as MobxPropTypes} from 'mobx-react';
const propTypes = {
goals: MobxPropTypes.ObservableArr
浏览 3提问于2018-01-13得票数 1
回答已采纳
我正在构建一个React应用程序的过程中，我已经使用作为构建环境。在我的(基于类的)组件中，我在componentDidUpdate()方法中有以下一行：
const toast = ([] = this.props.toast.toast);
如果我的理解是正确的，这是ES2016语法，用于在变量未定义的情况下设置默认值。(如果这不正确，请告诉我，尽管这不是这个问题的主要问题)。
当我的React呈现时，我会在控制台中得到以下警告：Unexpected empty array pattern no-empty-pattern。
我理解ESLint“抱怨”它是一个空数组。但是--在这种情况下
浏览 6提问于2020-01-17得票数 0
回答已采纳
2回答
我认为这将是有点明显的，一旦它被调用给我，但现在，以下不是点击。
type Stack []interface{}
func (stack *Stack) Push(x interface{}) {
*stack = append(*stack, x)
}
我有一个名为Stack的类型，它是一个空接口的片段。如果它是空的，则Push方法满足接口。既然片是引用类型，为什么不能通过值传递‘堆栈’接收器呢？此外，在上面的示例中，接收器作为指针传递，为什么附加内置的需要再次通过指针传递？
考虑到切片是一个指向底层数组的引用指针，这为什么不能工作呢？
func (stack Stack) Pu
浏览 4提问于2015-04-24得票数 6
回答已采纳
我尝试执行下面的应用程序，但收到错误消息"Uncaught TypeError: Cannot read property 'checked' of null“。为什么我会得到一个空状态？为什么我无法读取选中的内容？
if语句中Checkbox.js中的接收错误，即
if (this.state.checked) {
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<
浏览 0提问于2017-10-17得票数 2
2回答
我是新的反应，并试图理解为什么我的状态值是空白的。在我的组件中，我有一个HTML输入元素的状态。当我在函数"searchChange“处理程序上放置控制台日志时，它将正确地接收我的键盘条目。但是当我单击enter键时，"searchState“的值是空的。所以我想知道我的代码出了什么问题？
export default (props: any, ref: any) => {
const SearchNavigation = forwardRef((props: any, ref: any) => {
const [searchState, set
浏览 5提问于2021-12-06得票数 1
回答已采纳
2回答
在渲染函数中传递道具
、、、
知道为什么我可以注销“条件”变量，但不能将它作为属性传递到render方法中吗？它总是未定义--“无法读取未定义的属性‘条件’”。
下面的代码。
var React = require('react');
var ReactDOM = require('react-dom');
import Square from '../components/square.jsx';
import Circle from '../components/circle.jsx';
import Weather from '../compo
浏览 2提问于2015-11-08得票数 2
回答已采纳
创建了一个名为"imagem“的组件，该组件应该显示从数组接收到的图像。
我得到了错误“错误:捆绑失败:错误:第10行的src\components\Imagem.js:Invalid调用:要求(名称)”
看起来map()也不起作用。
map()不工作(不知道原因)，我尝试更改代码以显示包含{name}的简单文本，并且它不显示(没有在数组“位置”中运行)；当我尝试使用带有{locations}的文本out map()时，它就会显示。
关于require()，我不知道它为什么不能工作:如果我创建了一个局部变量，它具有'../imagem/teste.png‘，并在requ
浏览 0提问于2019-08-17得票数 1
回答已采纳
因此，我尝试从Flask API获取数据并将其插入到React表中。我可以从API中获取数据，并在useState中将其设置为列表，但是，当我试图访问列表时，它似乎是空的。 这是我的Flask API路由，它工作得很好，并返回数据。 def get_report(productname, reportname):
mydb = client[productname]
mycol = mydb[reportname]
testlist = []
instance_list = []
for x in mycol.find({}):
pri
浏览 89提问于2020-12-16得票数 1
回答已采纳
我刚接触react钩子，我试图从API获取信息，但当我执行请求时，我得到了2个响应，首先是一个空数组，然后是API的数据，为什么我会得到那个空数组！，这是我的第一个问题，对不起。谢谢你帮我！
import {useState, useEffect} from 'react';
const getSlides = (API) => {
const[data,setData] = useState([]);
const getData = () =>
fetch(`${API}`)
.then((res) => res
浏览 1提问于2020-10-30得票数 0
试图模仿的popover示例。我是一个比较新的反应，不能理解为什么我会在这里得到一个错误，这似乎相当广泛，我似乎不能准确地指出它。我的react公司代码：
import React, { Component } from 'react';
import { Popover, OverlayTrigger, Button } from 'react-bootstrap';
import '../styles/headerPortfolio.css';
class HeaderPortfolio extends Component {
ren
浏览 3提问于2019-07-23得票数 0
回答已采纳
在使用history.push()来路由页面时，我试图将一些获取的数据传递给另一个组件，但据我所知，由于一些异步/同步问题，它无法传递。如何解决这个问题？ 这是数据获取(使用Axios)和数据传递组件 import React, {useState} from 'react'
import {analyse} from '../../services/dataFetching';
function testFunction() {
const [data, setData] = useState([]);
const fetch = ()
浏览 78提问于2021-03-31得票数 1
我使用useRef()从我的父组件调用一个childs函数。问题是，每当父函数调用childs undo函数时，childs (betHistory)为空，但当子节点本身调用undo()时，状态为date (填充了已推送给它的所有值)。为什么我的父母在调用betHistory时会看到undo()的空版本，而当孩子本身调用undo()时，会看到undo()的空版本？
父级
import './App.css';
import Table from './Table';
import React, { useEffect, useState, useRef } fr
浏览 0提问于2021-11-07得票数 1
回答已采纳
在我尝试更好地理解React Hooks的过程中，我遇到了一些我没有预料到的行为。我试图创建一个ref数组，并通过传递给我的<div>'s的onRef函数推送到所述数组。每次组件重新呈现时，数组都会变得越来越大，这可能只是因为它是一个简单的箭头函数，而不是内存。
因此，我添加了useCallback钩子，以确保我不会多次获得相同的ref，但令我惊讶的是，它仍然会在每次重新呈现时调用该函数。在添加一个空数组作为第二个参数后，refs只在每个组件中触发一次。
下面的代码片段演示了这种行为。
const Example = () => {
const _refs =
浏览 26提问于2019-03-06得票数 32
回答已采纳
为什么this.context是一个空对象，在这个反作用组件生命周期方法中？
上下文在该上下文的Consumer中具有正确的值。只有this.context API失败了。
const LoremContext = React.createContext({
lorem: "ipsum",
})
class MenuItem extends React.Component {
componentDidMount() {
console.log(
"In MenuItem.componentDidMount,
浏览 1提问于2018-10-24得票数 5
回答已采纳
我有一个模式，显示我在道具中接收的数据。当我打开模式时，我应该会看到从我的道具中显示的选择数据。然而，我第一次打开它时，这个模式是空的，第二次我打开它时，它就被填充了。 如果我继续更改props中的数据，模式在第一次新单击时保持不变，并在第二次新单击时刷新。 我试着用setTimeout强制它，弄乱了componentDidMount、componentDidUpdate和其他生命周期方法的组合，但似乎都不起作用。我确信这与我在componentDidMount中使用prevData参数有关。但是即使react devtools显示this.state.pricesData更新，当我尝试从状
浏览 91提问于2020-09-22得票数 0
回答已采纳
我有一个线型错误(react-hooks/exhaustive-deps)，我目前正在两行禁用。我理解代码是如何违反规则的，但我不明白为什么这个规则适用于这种情况。
当组件卸载时，我希望只为cleanUp目的运行一个效果。我有一个函数clearMessages，它是从道具继承的，这些道具将还原器的状态重置为空的默认状态。当我在本地运行我的项目时，它可以正常工作，但是当我运行构建反应时，脚本会抛出上面的线状错误，然后生成失败。
下面是一个简短的片段，显示导致问题的效果。
const Search = ({ clearMessages }) => {
useEffect(() =>
浏览 0提问于2019-07-11得票数 1
我问的是一个基本的问题，但我是一个菜鸟，甚至在谷歌找不到答案，所以请温柔一点。我试图使用setstate，我不知道为什么我的状态仍然是空的。以下是代码：
import React, {Component} from 'react';
import Ball from './Ball'
class Lottery extends Component{
constructor(props){
super(props);
this.state = { nums : []};
this.RenderNums =
浏览 7提问于2021-12-13得票数 0
回答已采纳
我看到有人为useEffect中的第二个参数使用0而不是空数组。
所以而不是
useEffect(() => {
console.log('Run once');
}, []);
确实是
useEffect(() => {
console.log('Run once');
}, 0);
它似乎也有同样的效果，所以我想知道他为什么要这么做？
根据计算方法，空数组被认为是0。例如，[] == 0是真，但[] === 0是假的。因此，在这种情况下，可能没有严格的比较，如果使用0，也不重要。
在react之后，我将使用一个空数组。
如果您
浏览 8提问于2020-07-07得票数 13
回答已采纳
我是新来的反应本地人。当我检查我的代码时，我正在学习关于组件的内容，但是即使在文档中，我仍然得到道具的错误，即使在文档中，我使用的是本机支持组件，但是为什么仍然得到错误检查文档链接()？
import React, {Component} from 'react';
import { StyleSheet, Text, View } from 'react-native';
class UserInformation extends Component(){
render(){
return(
浏览 5提问于2020-02-10得票数 0
回答已采纳
1回答
Mobx返回空对象
、、、、
我希望在React项目(使用Meteor)中使用Mobx，并使用mobx-react创建全局通知存储。
我试图插入模块，但不知道它为什么返回一个空对象：
import { observable } from 'mobx';
class NotificationStore {
@observable notifications = ['test', 'new notification'];
}
var store = window.store = new NotificationStore;
export default store;
在
浏览 2提问于2017-06-22得票数 1
回答已采纳
我真的被一个问题卡住了--如果你运行下面的代码，你会得到一个错误"TypeError: Cannot read properties of undefined (reading 'map')“。
当我从控制台注销"items“变量时，我得到2个结果，如下所示：
问题存在于第一个结果中，因为它是空的。但是谁能给我解释一下为什么这个结果是空的，为什么它会产生2个结果？
此代码直接取自，并进行了修改以适应从该应用程序接口返回的内容。请考虑运行这段代码，这样您就能明白我的意思了。
import React, {useState, useEffect} from &
浏览 0提问于2021-10-15得票数 0
我有一个数组，它的值转换为按钮。单击每个按钮时，它的值将写入ul列表中。当单击“Pop”时，最后一个值是remove。
预期输出：
我使用useStack钩子来实现它。但是在运行之后，输出是一个空白页，我在控制台中接收到这个错误：
Uncaught TypeError: stack is undefined
components.js:
import React from 'react';
import {useStack} from './hooks'
export function Demo() {
return (
&l
浏览 3提问于2022-01-02得票数 0
回答已采纳
1回答
我有一个组成部分：
import { React, useState } from "react";
function CreateNews(props) {
function createList(news_) {
news_.forEach(el => {
const content = el.content;
return (
<div className="news">
<h3 clas
浏览 1提问于2021-01-15得票数 0
回答已采纳
我创建了一个新的html表单，并将该表单提交给了sails控制器。例如，Html输入文本框与属性名绑定在一起，然后我就有了一个提交按钮。在提交表单时，我尝试从req.param“模式”中检索值。但这始终是空的。很快，我像这样更改了文本字段，它开始接收来自req.param“模型”的值。我很惊讶为什么会发生这样的事情！
浏览 5提问于2014-07-07得票数 0
1回答
我试图在一个功能组件中映射一个数组。数组，该数组作为状态存储，其值也在同一组件中生成。
我的方法以一种概括的格式：
import React, { useState , useEffect } from 'react'
const NewArray = () => {
const [array, setArray] = useState([]);
useEffect (() => {
resetArray()
//my debugging efforts
console.log("Reset array
浏览 3提问于2022-09-04得票数 -1
1回答
我有这样的代码；
const ToastContextProvider: React.FC = ({ children }) => {
const [toasts, setToasts] = useState<ToastDefinition[]>([]);
const addToast = useCallback(
(toast: ToastDefinition) => {
if (toasts.find(({ id }) => id === toast.id)) {
return logger.warn('A
浏览 2提问于2021-07-13得票数 0
回答已采纳
我希望从一个只包含这个数组的json文件中导入一个数组。在这个应用程序中，我想对这个数组执行一个搜索。因此，它必须在形成的数组中接收。
这是cities.json中存在的长数组的一部分：
cities.json:
“阿伯丁”、“阿比林”、“阿克伦”、“奥尔巴尼”、“阿尔伯克基”、“亚历山大”、“阿伦敦”、“阿马里洛”、.、.、“扬克斯”、“约克”、“扬斯敦”
在App代码中，我在p标记中显示了JSON文件的输入，以查看我得到了什么。
index.jsx：
import React from "react";
import ReactDOM from "react-do
浏览 11提问于2021-12-11得票数 0
回答已采纳
我正在通过减少不必要的重呈现来优化React应用程序的性能。我正在处理的组件接收一个包含多个键(包括对象数组)的对象的单个支柱。我使用shouldComponentUpdate检查道具中的更改，但它并不像预期的那样工作：
shouldComponentUpdate(nextProps) {
if (!(_.isEqual(nextProps, this.props))) {
console.log('difference', _.differenceWith(nextProps, this.props));
return true;
浏览 1提问于2019-05-08得票数 2
在父母中：
const [newPinPosition, setNewPinPosition] = React.useState({ lat: 0 , lng: 0 });
const updateNewPinPos = (pos) => {
console.log(pos);
setNewPinPosition({ lat: pos.lat, lng: pos.lng });
};
// in the render method of the parent react component
<Draggable
draggable={drag
浏览 4提问于2022-05-30得票数 0
回答已采纳
嗨，我是一个非常新的反应，我真的很难弄清楚很多事情。现在，当用户加载我的主页时，我正在尝试从我的数据库中获取数据。我用这个异步函数来做这件事： let result = await fetch("/api/init", {
method: "GET",
headers: { "Content-Type": "application/json" },
})
.then((response) => response.json())
.then((data) =&g
浏览 17提问于2020-08-11得票数 0
我有一个react组件。它通过reducer和getQuestions操作接收对象的questions数组。
还有currentQuestionNumber -一个整数，默认情况下为零。
我所在的州有questions数组。我已经把state映射到props了。
在我的render方法中，我从props中提取questions和currentQuestionNumber。
在我的render方法的return中，我可以执行{console.log(questions[currentQuestionNumber])} -它按照预期记录数组中的第一个对象(索引0)。问题对象如下所示
{id: 1,
浏览 3提问于2018-06-18得票数 0
在React中，我有一个名为addOrder的函数，它将带有参数值的对象添加到称为data的状态中。当我尝试console.log(this.state.data)时，由于某种原因，我得到了一个空数组。当我再次单击调用addOrder函数的按钮时，会得到包含具有参数值的对象的数组。为什么console.log在我第一次单击按钮时不显示数组值？
import React, { Component } from 'react';
class App extends Component {
constructor(){
super()
this.state
浏览 0提问于2019-04-30得票数 2
回答已采纳
1回答
我正在从一个库中读取代码，并遇到了这样的情况： return Animated.event([null, this.createAnimatedEvent()])(
event,
gestureState
) 该库使用： "react": "^16.0.0-beta.5",
"react-native": "^0.49.1" 我已经检查了该版本的Animated.event() API和源代码，它返回了空。 我怀疑这与PanResponder有关，因为gestureState参数，但从文档中无法将其联系在
浏览 17提问于2019-02-13得票数 0
回答已采纳
在以下代码中，locationHistory始终是一个空数组：
export function LocationHistoryProvider({ history, children }) {
const [locationHistory, setLocationHistory] = useState([])
useEffect(() => history.listen((location, action) => {
console.log('old state:', locationHistory)
const newLocationHi
浏览 0提问于2019-07-24得票数 2
回答已采纳
我找了它，我想我违反了钩子的规则，但我不知道是哪一个。你也能帮我解决这个问题吗？Home函数工作正常当我遵循react router ()时，我只是用这个home函数替换它，它成功地工作了
现在，我想要做的是从服务器请求数据并在react js中接收它，这样我就可以成功地显示它。
编辑:作为后端服务器，express的一切都很好
import React, { Component } from "react";
import logo from "./logo.svg";
import "./App.css";
class App exte
浏览 14提问于2021-06-06得票数 0
回答已采纳
给定组件作为子函数接收函数(回调作为子模式，也称为呈现支持模式)：
<Foo>{() => <Bar/>}</Foo>
React.Children.count(props.children) === 0 in Foo.
文档似乎没有提到React.Children只接受有效的function元素，因此忽略子函数的事实看起来很奇怪。
React.Children是如何对待非元素儿童的?为什么？
欢迎引用官方源和/或源代码。
浏览 0提问于2018-09-28得票数 24
我在一个使用Firebase进行身份验证的React应用程序中使用TypeScript。在使用TypeScript之前，我对Firebase部分使用了一个常规上下文，这很好。但是，现在我已经添加了TypeScript，我得到了错误。
例如，下面是我的SignIn组件(为了简洁起见省略了一些部分)：
import React, { Component } from 'react';
import Firebase, { withFirebase } from '../Firebase';
const SignInForm = (firebase:
浏览 2提问于2021-02-19得票数 0
回答已采纳
1回答
为什么它被称为功能组件？
、、、、
一个快速的谷歌搜索显示，我没有被直接问到的问题，所以我在这里问它。至于它的价值，我正在学习react，我来自C++背景，据我所知，“功能组件”不是一件事。
从教程中可以看出，这似乎是一个功能组件的barebone示例。
import React from 'react';
function App()
{
const greeting = 'Hello Function Component!';
return <h1>{greeting}</h1>;
}
export default App;
在我看来，
浏览 0提问于2019-09-27得票数 -1
回答已采纳
1回答
我试图将一个用户数组作为道具传递给组件，当我更改某些内容并单击save时，数组将显示在组件中，但当我单击refresh时，数组就消失了，下面是我的代码：
首先，在我的App.js中，我从数据库中读取了一个用户数组(工作完美地显示了用户列表)：
const [users,setUsers] = React.useState([]);
React.useEffect( () => {
async function fetchData() {
await axios.get('/api/users/')
.then(response
浏览 8提问于2021-12-06得票数 0
回答已采纳
当在一个空数组上以一个空数组集作为它的初始值的时候，一个值显然不能被推送到那个初始的空数组上(推送是不可能的)，而当这个值是一个空值的数组时，它就可以执行了。为什么它在第一个没有空值的场景中不能工作呢？
为什么[]设置为初始值(减少值的 )不算作元素？例如，可以对以0设置为初始值的空数组执行约简：[].reduce((prev, curr) => prev + curr, 0) // 0
[].reduce((arr, curr) => {
arr.push('val')
return arr
}, []);
// []
[null].reduce(
浏览 5提问于2021-09-06得票数 0
回答已采纳
我意识到React的useEffect钩子的依赖数组以及缺失的依赖项可能产生的隐蔽性警告有很多问题。关于这方面的其他一些有益的讨论：
虽然这些警告的原因和解决方案是非常清楚的，但我很难理解的一件事是为什么。首先，快速总结一下，我的理解是useEffect作为三个一般目的：
如果省略它的依赖数组，它的作用就像componentDidMount和componentDidUpdate:它在第一次呈现组件时运行，然后所有后续呈现。
如果它的依赖数组是空的，它的作用就像componentDidMount:它可以用来运行第一次初始化代码(例如从服务器获取初始数据，等
浏览 3提问于2021-05-06得票数 3
回答已采纳
1回答
我试图制作一个应用程序，它从用户那里接收产品的ID，然后从数据库中找到产品，并在屏幕上更新产品。我通过使用useState和输入框来接收ID。调用GetProduct组件，并通过Props将ID传递给它。它通过ID (使用useEffect)获取产品，并返回该产品。
问题：
当应用程序启动时( ID仍然是空的)，useEffect只获取一次产品，当ID被更新时，产品将不会再次更新。
App.tsx：
function App() {
const [id, setId] = useState("")
const onChangeHandler = (event: { targe
浏览 3提问于2022-07-04得票数 -1
回答已采纳
1回答
如果我有一个对象列表，如何检查列表中的元素是否为空对象。我觉得这应该是直截了当的，但是它让我有点困惑，因为当我在我的react函数组件中做这样的事情时
console.log(list[0])
它将在我的react组件中的每个呈现上输出{}。
但是当我做这样的事情时
if (list[0] == {}){
console.log('empty')}
它永远不会到达那里。是否有更干净的方法来检查列表中的对象是否为空？或者最好是如果列表中的所有对象都是空的？我觉得我错过了一些很明显的东西，但我不知道为什么它不能到达如果条件中的日志。
浏览 3提问于2022-06-29得票数 0
我有一个连接到Firebase来接收数据的React组件。我可以连接并获取我想用来注销控制台的数据，但我无法使用HTML返回它。。谁能告诉我为什么数据会显示在控制台而不是页面，而01会显示在浏览器中？
/* eslint-disable */
import React, { Component } from "react";
import firebase from "./Firebase";
class ActiveProjects extends Component {
constructor(props) {
super(props);
浏览 0提问于2020-03-17得票数 2
我正在制作一个React，我收到了这个警告。当组件挂载时，我尝试进行两个API调用：
useEffect(() => {
getWebsites();
loadUserRatings();
}, []);
这就是为什么我有一个空数组，因为我只想在组件挂载时调用它一次。但我还在收到警告，我该怎么解决呢？
这两个函数使用react连接传递给组件，整个组件如下所示：
const Wrapper = (props) => {
const { getWebsites, loadUserRatings } = props;
useEffect(() => {
g
浏览 7提问于2020-04-07得票数 10
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
