我正在实现分页,其中我有一个 useState 变量,我会随着页码的变化而更改该变量,下面是我使用两个 useEffects 来调用 pagenumber 和 pagenumber+1 的数据来检查它是否抛出 404 的代码,这样我就知道什么时候停止显示下一个按钮。useEffect(() => {async function fetchData() {try {const baseUrl = '
2022-03-28
我尝试从下面给出的 URL 获取数据,有时我能获取到数据,但大多数时候控制台里没有数据。我不知道我尝试使用 async-await 时遇到的问题,但结果是一样的。https://quiet-forest-82433.herokuapp.com/myorders/[email protected]我的代码是:const {user} = useAuth();const [totalCart, set
2022-01-08
我正在尝试使用 useEffect 钩子和 fetch API 从我在 React 中创建的 NodeJS 服务器中获取数据。问题是我无法在 useEffect 回调之外访问这些数据这是我的代码:import React, { useEffect, useState } from "react";const App = () => {const [LCS_Data, setLCSData] = u
2022-09-02
const url = "http://api.tvmaze.com/search/shows?q=girls";export default function MoviesList() {const [movie, setMovie] = useState([]);useEffect( () => {loadData();}, []);const loadData = async () => {
2022-01-14
我有一个导航堆栈,其中包含不同的屏幕,我想让它们一个接一个地渲染。我将超时设置为 5 秒,因此它将转到堆栈中的下一个屏幕。<Stack.Screen name="StoryScreenOne" component={StoryScreenOne} /><Stack.Screen name="StoryScreenTwo" component={StoryScreenTwo} /><Stack.Sc
2021-06-25
我正在为一个与 API 交互的项目创建一个 React JS 应用。我从 API 中获取一个包含值的数组,这些值是 Google 地图图钉。我在这里想要做的是:用户设置一个数据间隔,并且该数据间隔内的所有图钉都会显示在地图中。我有这个 js 代码来设置所有内容://above is the function that receives two dates and returns the inter
2021-07-05
可以控制哪些页面使用不同的 URL 值导航到同一个页面情况 1 - 点击导航后,下面的代码会无限次调用 useEffectconst queryValues = queryString.parse(search);const { trip } = queryValues;useEffect(() => {console.log('Calling infinite times');},[trip])
2021-09-09
在我的页面中,我调用useEffect中的操作来填充我的 Reducer。我有一个名为page的组件级状态,它是操作中的一个参数。因此,每次page的值发生变化时,我都希望再次调用该操作,因为显然我打算从不同的页面获取数据。遗憾的是,我在控制台中遇到错误,告诉我该组件已达到重新渲染次数的限制。这是相关代码:const Home = props => {const [page, setPage] =
2021-12-29
我的 React 应用通过 api 调用获取员工列表。我有一个类似的部门组件函数,可以根据名称筛选出部门。当我对具有 first_name 和 last_name 属性的员工执行类似操作时,我收到错误TypeError:无法读取未定义的属性“toLowerCase”但是当我 console.log 响应时,名称没有问题。下面是我使用的 useEffect 钩子 useEffect(() => {i
2019-11-13
我很确定我知道问题所在。我认为这是因为子组件在其 props 准备好之前就渲染了。在查看了许多教程和文档后,我就是搞不清楚我做错了什么。我在页面打开时使用 hooks 和 useEffect 从 firestore 获取数据。之后,我想将数据传递给子组件“Table.js”进行显示。如果我在父组件中拥有表格,它可以正常工作,但是一旦我将表格移动到它自己的组件中,我就会收到一条错误消息,指出 for
2019-12-03
与此问题类似:但数据源自 fetch(),并且有一个嵌套的 .then 来获取数据对象 data.list_helado,它是一个字典列表。为什么数据不会在页面上呈现?import React, { useEffect, useState } from "react";import {Helados} from "../components/Helados";function BiteroInfo
2021-09-21
我只是想实现一个FreeCodeCamp教程,在该教程中,我们正在创建一个简单的React节点应用程序,在这里我无法从API中获取数据,并且在浏览器控制台中遇到此错误< /p>305706077这是我的server.js file601953788,这是我要获取数据748930107
2021-10-01
我有一个问题,如何告诉 useEffect 等待来自搜索输入的文本?API 包含许多对象,我想获取其中一个。import React, { useState, useEffect } from 'react';import axios from 'axios';const Search = () => {const [text, setText] = useState('');const [obj
2020-04-16
如何让一个函数等待另一个正在更新状态的函数?示例:提交时,表单调用trainData。TrainData 需要先处理。它使用来自props的data数组,该数组包含数据。问题:在trainData的 if 检查中,inputMatrix和outputMatrix都为空(我猜是因为他们需要先更新,但 trainData 不会等待这一点)。如何解决这个问题?我想我需要使用useEffect,但我到底在
2020-07-06
我希望仅当customEffect完成设置isReady状态时才运行customFunction。并且,无论isReady设置为false还是true,只要在设置后运行,customFunction都应只运行一次。import customFunction from 'myFile';export const smallComponent = () => {const [isReady, setI
2021-02-12