useState未从提取请求返回数据
useState是React中的一个钩子函数，用于在函数组件中添加状态管理。它接受一个初始状态作为参数，并返回一个包含状态值和更新状态值的数组。
在使用useState时，如果未从提取请求返回数据，可能有以下几种原因：
- 请求未成功：可能是由于网络连接问题或服务器故障导致请求未成功。此时，可以检查网络连接是否正常，或者尝试重新发送请求。
- 请求返回数据为空：有时候，请求成功了，但返回的数据为空。这可能是因为请求的数据不存在或者请求参数有误。可以检查请求的URL和参数是否正确，并确保请求的数据存在。
- 异步请求未完成：useState是一个同步函数，它在组件渲染时会立即执行。如果提取请求是一个异步操作，useState可能会在请求完成之前被调用，导致数据未返回。在这种情况下，可以使用其他的钩子函数，如useEffect，来处理异步请求的返回数据。
总结起来，当useState未从提取请求返回数据时，需要检查网络连接、请求参数和数据是否正确，并确保异步请求已完成。如果问题仍然存在，可以进一步排查代码逻辑或使用其他相关的钩子函数来处理数据的返回和更新。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，满足不同规模业务的需求。详情请参考：腾讯云云服务器
- 云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：腾讯云云数据库MySQL版
- 云存储（COS）：提供安全可靠、高扩展性的对象存储服务。详情请参考：腾讯云云存储（COS）
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者快速构建智能应用。详情请参考：腾讯云人工智能平台（AI Lab）
相关·内容
2回答
我有一个快速后端，当POST请求是从React表单发出时，它会向OpenWeather API发出GET请求。目前，问题在于后端的帖子路线，我认为没有正确调用和无法存储搜索词。在调试时，我从前端发出了一个提取请求，这个请求可以工作，我还使用无法工作的、能够从前端和后端获取的相同路由，将存储在express中的虚拟数组放入其中。
没有POST请求出现在网络选项卡中，只有响应为304的GET请求，但在控制台中，我收到"cod：“400，消息：”糟糕的查询“，我假设这是来自OpenWeather API的错误消息。
反应代码
const WeatherContainer = () =>
浏览 2提问于2021-03-29得票数 0
1回答
我已经从一个特定的网站提取了项目，现在想把它们写到一个.xls文件中。
我期望得到一个完整的excel工作表，其中包含标题和信息行，但得到的工作表中只包含标题。
<code>A0</code>
生成的DataFrame如下所示：
<code>B1</code>
浏览 5提问于2019-03-29得票数 0
回答已采纳
我正在尝试从正在工作的Express api中获取数据，但前面有问题，似乎当我更改输入状态时，即使在更新输入状态后调用函数提取数据，也会出现延迟。
这是我的组成部分：
import React, { useState, useEffect } from 'react';
import UsersList from './UsersList.js';
function SearchBox() {
const [input, setInput] = useState("");
const [githubUserResult, se
浏览 3提问于2022-11-10得票数 0
回答已采纳
我的组件在将数据返回到页面之前从YouTube获取一些数据-问题是youtubePlaylistItems没有被填充。 当我尝试将renderYoutubePlaylistItems移到fetch中时，我得到了一个关于组件没有返回任何东西的错误，如果我添加return null，我什么也得不到。 现在，我得到一个关于youtubePlaylistItems.map不是一个函数的错误。 当Google让我失望的时候，我想我应该在这里问一下。 import React, {useState, useEffect} from "react"
const FetchYoutu
浏览 8提问于2020-03-29得票数 0
回答已采纳
3回答
对于我的react/Express应用程序，我试图使用useEffects更新组件状态，以便在组件呈现时运行一次。在useEffect中，我对快速服务器进行了一次提取。
const Favorites = ({ user }) => {
const loggedIn = user.loginname === "" ? false : true;
const [favs, setFavs] = useState([]);
useEffect(() => {
if (loggedIn) {
fetch(`/user/favs/${use
浏览 5提问于2020-08-09得票数 0
2回答
我有一个简单的函数组件，它包括一个本地存储的JSON文件的fetch。
我试图从JSON文件中获取数据，虽然这应该是一个简单的任务，但我遇到了一个问题。
我的控制台日志显示了两个独立的日志-一个是空对象，大概是来自useState定义的，第二个日志中有来自提取的数据。
因此，当我试图对正在获取的数据执行任何操作时，都会返回undefined，因此无法使用它。我觉得我错过了一些显而易见的东西，但我不完全确定这是怎么回事。我尝试过async/await，但没有成功。
我错过了什么？
const Landing = () => {
const [api, updateApi] = us
浏览 2提问于2022-03-02得票数 0
1回答
如何使用Jest在React中测试我的useEffect提取？我已经尝试寻找答案，并找到了一个代码，我复制尝试，但仍然没有通过测试。我以前从未使用过Jest，目前正在尝试在我正在处理的代码中实现它。
下面是我在test.js文件中的测试：
it('Displays days from 1 to 31', async () => {
expect(useEffectTest).toBe([{ day: 1 }]);
});
下面是另一个名为useEffect的组件中的calendar.jsx：
const useEffectTest = () =>
浏览 2提问于2021-12-26得票数 2
回答已采纳
1回答
我正试图从下面的API中提取结果。但是，它似乎嵌套在某些数据中，并希望提取它。
如何才能使我只提取结果，从而成为我的“quizArray”useState？
import './App.css';
const url = 'https://opentdb.com/api.php?amount=10000';
function App() {
const [quizArray, setQuizArray] = useState([]);
const fetchData = async () => {
const response =
浏览 2提问于2022-05-23得票数 0
我正在尝试实现以下简单模式：
GET列表
输入新项目，保存
提出POST请求
为更新的数据提出新的GET请求
从的代码开始，
const useApi = () => {
const [data, setData] = useState({ hits: [] });
const [url, setUrl] = useState(
'https://hn.algolia.com/api/v1/search?query=redux',
);
useEffect(() => {
const fetchData =
浏览 0提问于2019-08-15得票数 3
回答已采纳
试图弄清楚为什么在我获取数据后没有设置状态。这是我使用的代码...
const [data, setData]: any = useState({ items: [] });
useEffect(() => {
async function fetchData() {
const repsonse: any = await fetch('https://hn.algolia.com/api/v1/search?query=react');
const result: any = await repsonse.json();
浏览 6提问于2019-07-16得票数 0
回答已采纳
2回答
在Home component中，我从product context获取产品详细信息。但是，当上下文值更改时，更新的值不会出现在Home零部件中。 以下是home组件： import React, { useEffect, useState } from "react";
import { useProductList } from "../../context/ProductContext/ProductContext";
import { WishListButton } from "../WishListButton/WishListButton
浏览 17提问于2021-05-01得票数 0
3回答
这是我的代码，它向我的后端(mySQL)发送GET请求并获取数据。我使用useState来提取和设置response.data。 const baseURL = 'http://localhost:5000/api/user/timesheet/13009';
const [DataArray , setDataArray] = useState([]);
axios.get(baseURL).then( (response)=>{
setDataArray(response.data);
}); 但是useState一直在向我的服务器发送GET请求，而我
浏览 67提问于2021-09-24得票数 1
回答已采纳
我正在为SQL Server和Oracle数据库编写一个在应用程序配置文件中定义的C#应用程序。当我在SQL Server环境中运行代码时，它工作得很好。我得到了正确的结果。
有效的SQL Server代码如下：
sqlConn.Open();
stmt = "SELECT ACTION_ID, ACTION FROM DB.ACTIONS WHERE ACTION_DATE < GETDATE() AND STATUS = 'Pending'";
SqlDataAdapter sqlAdapt = new SqlDataAdapter(stmt, sql
浏览 0提问于2012-04-03得票数 3
回答已采纳
1回答
我有点搞不懂什么时候使用useEffect() --我看到的大多数示例只使用useEffect()从API和其他副作用示例中提取数据，但在组件挂载时发送POST请求时，还没有见过使用useEffect()的人。
然后我在学史诗反应，这个定制的钩子把我弄糊涂了：
const useLocalStorageState = (key, value = "") => {
const [state, setState] = React.useState(() => window.localStorage.getItem(key) || value)
React.us
浏览 6提问于2021-08-11得票数 3
回答已采纳
1回答
我正致力于将一个Firestore数据库集合连接到一个Next.js应用程序。该应用程序非常简单，因为我只是获取数据并显示在屏幕上。现在，我有一个包含两个项目的集合，我正在尝试将其发送到console.log()，以验证它是否连接。但是，当我这样做时，控制台会显示两个数组，但它们似乎不包含来自我的数据库的任何数据。
我目前正在使用此代码将数据记录到控制台：
import React, { useEffect, useState } from 'react'
import {collection, getDocs} from 'firebase/firestore'
浏览 2提问于2022-11-18得票数 1
回答已采纳
2回答
自定义提取钩子落后一步
、、、、
我正在为get和post数据创建自定义的提取钩子。我遵循官方的React来创建自定义的获取钩子，但是由于useState异步行为，看来我的钩子返回的状态变量落后了一步。这是我定制的useMutation钩子
export const useMutationAwait = (url, options) => {
const [body, setBody] = React.useState({});
const [data, setData] = React.useState(null);
const [error, setError] = React.useState(null
浏览 4提问于2021-11-22得票数 2
2回答
我的代码有一个问题，我不能从数组中删除特定的项。
import React, { useState } from "react";
import Outcomeitem from "./Outcomeitem";
import { v4 as uuidv4 } from "uuid";
const Outcome = (props) => {
const [input, setInput] = useState(0);
const [expense, setExpense] = useState("");
co
浏览 0提问于2020-10-01得票数 0
2回答
我正在创建一个React应用程序，它使用Fetch来使用SQLite来提取API，但是由于某种原因，它只显示在控制台长度: 3和数组中。例如，我不能只从id 1中提取数据。
import React, { useState, useEffect } from "react";
export default () => {
const [brands, setBrands] = useState(null);
useEffect(() => {
fetch("/api/brands")
.th
浏览 4提问于2022-11-01得票数 0
1回答
“\n”未从数组中被识别
、、、
我目前有一个<textarea/>字段，当您按enter时，它提交并在数组上生成一个新项。当您按shift + enter时，它会在<textarea/>输入字段中创建一个新行。
然而，当您实际上按shift并进入一个新的中断并提交它时，它不识别行中的中断。我已经附上了下面的图片。
正如您在上面看到的，它类似于数组不承认输入中有一个中断。
Todobox.jsx:
import React, { createContext } from 'react';
import Item from './Item';
impor
浏览 3提问于2022-11-11得票数 0
设计了一个自定义节点API，从数据库中提取学生的数据。我把它连接起来，然后尝试获取数据和显示。但我面临的一个问题是，我从api中获取数据，但是当我试图设置从api响应获得的数据并试图控制台我的useState()变量(即apiData )时，它给了我未定义的信息。下面是我的代码
const [apiData,setApiData] = useState([])
const url ="http://localhost:5000/student/"
useEffect(() =>{
fetch(url).then(
(response) =&g
浏览 6提问于2022-08-08得票数 0
如何在新的reactjs钩子api中调用restApi。以及使用useEffects和useState重用数据？我只想跨组件重用数据。
import { useState, useEffect } from "react";
export default function getAdvice(url) {
fetch(`http://api.adviceslip.com/advice`)
.then(res => res.json())
.then(res => console.log(res))
.catch
浏览 0提问于2018-10-27得票数 4
回答已采纳
我有一个mongoDB，里面有商店里的东西。使用React，我希望根据数据库中的每个条目呈现物品卡片。为此，我使用Axios为我的服务器发送一个GET请求，该请求将处理从数据库中提取数据。 我的反应代码是这样的： import React, { useEffect, useState } from 'react';
import axios from "axios";
function App() {
const [items, setItems] = useState([{}]);
useEffect(() => {
axios.get(&#
浏览 1199提问于2020-12-03得票数 1
回答已采纳
3回答
请谁能帮我解释一下为什么我的功能不起作用？
首先，我创建了一个函数来从Strapi post中获取post数据，如下所示：
import axios from "axios";
import { useState} from "react";
const FetchPost = async () => {
const [Data, setData] = useState(null)
const [error, setError] = useState(null)
console.log (`this is useState da
浏览 6提问于2022-06-24得票数 0
在我的应用程序中，我创建了一个自定义钩子来发出API请求：
const useRequest = (promise) => {
const [data, setData] = useState({});
const [loading, setLoading] = useState(false);
const [error, setError] = useState({});
useEffect(() => {
let ignore = false;
const fetchProduct = async () => {
try {
浏览 0提问于2020-07-30得票数 0
我不知道如何使用带有useEffect参数的REST将字段的数据从一个useEffect提取查询(使用GROQ)传递到第二个useEffect获取查询。
const [airline, setAirline] = useState(null);
const [airport, setAirport] = useState(null);
const { slug } = useParams();
const url = "https://aviation-edge.com/v2/public/airportDatabase?key={myKeyHere}&cod
浏览 5提问于2022-04-14得票数 1
回答已采纳
我目前正在尝试使用React钩子设置一个React web应用程序。我尝试使用Map从JSON中提取项，但收到此错误。 TypeError:项未定义 Shop.js import React, {useState, useEffect} from 'react';
import './App.css';
function Shop() {
useEffect(() => {
fetchItems();
}, []);
const [items, setItems] = useState([]);
浏览 42提问于2021-06-15得票数 1
我正在尝试从Android将以下数据POST到Rails服务器(在WebRick上运行)。
<?xml version='1.0' encoding='UTF-8' standalone='yes' ?>
<data>
<email>email.test@name.com</email>
<password>APassw0rd</password>
<remember_me>1</remember_me>
</data>
现在，
浏览 0提问于2012-12-15得票数 2
回答已采纳
我正在尝试发送表单数据，并在API和get predictions上执行post请求，但在执行操作时收到错误SyntaxError: Unexpected token < in JSON at position 0。我已经检查了API，它完全没有问题。我已经附上了下面的帖子请求。我猜是表单有问题。如果我错了，请纠正我。 ? const FirstProject = () => {
const [solutestate, setSoluteState] = useState("");
const [solventstate, setSolventSt
浏览 57提问于2021-11-22得票数 0
2回答
我想从给定的Api中获取数据(链接在代码示例中被审查)，但无法从我的Api提取中显示product.name。
import { useState, useEffect } from "react";
import axios from "axios";
function DataFetching() {
const [posts, setPosts] = useState([]);
useEffect(() => {
axios
.get("https://CENSORED/")
.then((r
浏览 4提问于2022-07-12得票数 0
3回答
我一直在努力工作和理解ajax，而不是为了学习而依赖jquery。 我正在发送从文本字段中获得的数据。 这是我的ajax document.addEventListener('DOMContentLoaded', function() {
document.getElementById('id_tags').onkeyup = () => {
// initialize new request
const request = new XMLHttpRequest();
request.open("
浏览 39提问于2020-04-17得票数 0
回答已采纳
我在reacjs和typescript中遇到了钩子useState的问题，我的问题是当我尝试在useState中加载数据并检索该数据时，丢失了该数据，例如下面的示例。 import React from 'react'
import {Row, Col} from 'react-styled-flexboxgrid'
import {Table, Th, Td, Done, Err} from './styles'
import {CampaingHeader, CampaingBody} from '../../../../../us
浏览 154提问于2020-10-29得票数 0
回答已采纳
我希望有一个本地setter来更新从自定义提取钩子中提取的数据：
function ContactList(props) {
const contacts =useFetch(fetchUrl, []);**//contain data**
const [data,setData] = useState(contacts);**//remains empty**
return (
<div>
<Navbar />
<ul className="collection">
<
浏览 0提问于2019-09-10得票数 0
回答已采纳
我有个小问题。我把这个提取数据放在一个组件中，这个组件工作得很好：
const [item, setItem] = useState([]);
const [loading, setLoading] = useState(false);
useEffect(() => {
setLoading(true);
fetch("https://api/products")
.then((response) => response.json())
.then((data) => setItem(data))
浏览 2提问于2022-06-23得票数 3
我创建了一个工厂来检索json文件。在调用之后，我确实看到该对象在我的控制台中输出，但数据没有显示在我的视图中。我没有在我的控制器中正确调用工厂吗？
下面是我的应用程序：
var tools = angular.module("tools", [])
tools.config(function ($routeProvider) {
$routeProvider.when('/home', {
templateUrl: 'home.html',
controller: 'HomeControlle
浏览 2提问于2013-05-17得票数 1
在过去，我创建了一个iPhone应用程序，它依赖于由php页面更新的sqlite数据库。当您访问PHP页面时，它会打印出一个sqlite数据库的转储，并且应用程序会运行各种查询来更新sqlite数据库。我之前的应用程序在这种方式下工作得很好，并会相应地更新。我最近尝试将同样的过程应用于一个数据库更大的新应用程序。我遇到了一些问题。
我所做的是将一些post变量发送到PHP页面，该页面识别POST并回显sqlite命令以更新数据库。问题是页面打印命令需要几秒钟的时间。如果我让页面打印一些静态文本，我会在我的结果(@“Response data is going be ==> %@"
浏览 3提问于2012-01-11得票数 1
如何调用第二次提取需要从第一次调用返回的id的2提取操作？
我的代码：
useEffect(() => {
const fetchData = async () => {
const aaa=
await service.getDefaultTemplate();
const bbb=
await service.getAnnouncementTemplate({
templateId: aaa.id,
浏览 6提问于2022-08-24得票数 0
1回答
我试图通过从API中提取数据来呈现多张卡片。但是返回是一个数组，我不明白为什么映射不起作用。
const CharacterCard = () => {
const [showModal, setShowModal] = useState(false)
const openModal = () => {
setShowModal(prev => !prev)
}
const characters = useRequestData([], `${BASE_URL}/characters`)
const renderCard = characte
浏览 3提问于2022-02-06得票数 0
我是一个设计师，几乎没有使用Firebase的经验，所以如果我没有问对问题，请原谅。我最近将我的React Native应用程序从一个Firebase帐户迁移到另一个帐户，现在数据已经不再被拉入应用程序(但数据正在Firebase中接收)。 该应用程序本质上跟踪用户的习惯(从用户输入)，并在个人资料上显示来自Firebase集合的聚合数据的信息。 但是，一个应该在视图中加载聚合数据的函数给我一个错误，指出找不到数据。 下面是应该从Firebase中提取数据的函数(据我所知)。 // States
const [timeWindowType, setTimeWindowType] =
浏览 18提问于2020-08-30得票数 0
我目前正在尝试为一个应用程序发出api请求，但我有一个问题:当我发出api请求时，第一个请求返回“未定义”，而第二个请求(以及所有其他请求)返回我想要的内容。
这是我的代码：
exports.makeRequest = function(infos, setInfos) {
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then((response) => response.json())
.then((data) => {
setInfos(data)
浏览 3提问于2022-12-02得票数 1
我必须从中提取数据，我用firebug提取了HTML代码，看起来网页使用了Comet和HTTP流。
我希望在不刷新页面的情况下，每秒用数据填充字典。我用urllib.urlopen做到了这一点，但我必须每秒执行一次查询。
有人知道从Comet中提取数据的正确方法& http流吗？谢谢
浏览 1提问于2011-08-24得票数 2
回答已采纳
我试图通过构建一个简单的域可用性检查器来学习React。具体来说，我在和useState()玩
其目的只是有一个输入字段，用户键入一个关键字，点击Enter，然后应用程序将运行一个针对该关键字的获取请求，其中包含许多不同的域结尾。
这是我的App (或者选中代码框，这里是：)
const App = () => {
const domainEndings = [
".ws",
".ga",
".cf",
".tk",
".ml",
".gq"
浏览 0提问于2019-03-10得票数 1
1回答
我试图从雅虎金融( Yahoo )中提取股票数据，但无法从统计页面中提取任何数据。这段代码在从“摘要”页面中提取时运行良好，但在这里似乎不起作用。
=IMPORTXML("https://finance.yahoo.com/quote/AMD/key-statistics?p=AMD", "//*[@id="Col1-0-KeyStatistics-Proxy"]/section/div[3]/div[1]/div[2]/div/div[1]/div[1]/table/tbody/tr[1]/td[2]")
任何帮助都将不胜感激。谢谢!
浏览 6提问于2021-02-22得票数 1
回答已采纳
1回答
在理解函数中使用/调用自定义钩子的最佳方法时，我遇到了重大问题。在我最近的代码中，我试图在我的app.js中调用一个自定义的提取钩子
我希望将以下属性(名称和年龄)发送到服务器以处理数据库存储，因此我打算在用户填写名称和年龄后单击按钮时执行此操作。代码如下
app.js
const [name, setName] = useState('Owen');
const [age, setAge] = useState(22);
const handleClick = () => {
//if statement to check that name and age wher
浏览 13提问于2022-04-24得票数 -1
回答已采纳
我有CustomRoute，它从url获取params并获取数据，设置数据。但是，当我单击function管理导航栏上的刷新按钮时，它不会启动我的提取函数。我的代码如下所示：
export const MyCustomPage= () => {
const navigate = useNavigate();
const params = useParams();
const id = params.id;
const [data, setData] = useState()
const fetchResults = async () => {
浏览 1提问于2022-09-01得票数 0
回答已采纳
2回答
我目前正在掌握redux，并且还没有真正弄清楚如何使用thunk输出从服务器获得的数据。我在useEffect中执行一个thunk分派，获取服务器数据，但是它们不输出，因为它们是在几秒钟后出现的，所以在useState中只有一个空数组，并且存储所需的数据。
// retrieve data from the store
const servicesData = useAppSelector((state) => state.services.services);
const [services, setServices] = useState(servicesData);
// sto
浏览 8提问于2022-06-03得票数 0
回答已采纳
3回答
在下面的代码片段中，您可以看到我正在尝试从NCAA男篮网站上抓取一些数据。
import requests
url = "https://www.ncaa.com/scoreboard/basketball-men/d1/"
response = requests.get(url)
html = response.text
print(html)
print(response.headers)
print("\n\n")
print(response.request.headers)
该网站有一个游戏列表和他们的分数。我想出了如何为HTTP提取我需要的所有
浏览 1提问于2019-01-26得票数 9
回答已采纳
1回答
我使用axios从API (arr of objects)中提取数据，但出于某种原因，在钩子中调用它时，我总是得到挂起的承诺。
我使用了诺言链来确保代码同步执行，但仍然是一样的。
例如，当我使用“console.log(SelectedVideo)”时，我会得到“未定义”。我认为这是因为它在完成数据提取之前调用了API，对吗？
const url = `${baseURL}videos?api_key=${apiKEY}`;
const fetchData = axios
.get(url)
.then((resp) => setSele
浏览 6提问于2022-10-03得票数 1
回答已采纳
1回答
在React中，我无法使子组件从父组件接收数据。当在app.js中记录数据变量时，它显示了它应该显示的内容，在子组件中，我收到错误，无法读取未定义的映射，并且在子组件中记录它返回未定义，因为里面没有任何内容 App.js中的代码 const [data, setData] = useState(0);
useEffect((loading) => {
const data = array.map((item) => {
const getData = async () => {
const value = await getValue(item);
浏览 13提问于2021-07-19得票数 0
回答已采纳
我在firestore中只有一个集合，我希望在我的Reactjs应用程序中呈现这些数据。但是，不幸的是，它没有从firebase获得任何数据。 React代码： function App() {
const [posts, setPosts] = useState([]);
useEffect(() => {
db.collection("posts").onSnapshot((snapshot) => {
setPosts(snapshot.docs.map((doc) => doc.data()));
});
}
浏览 0提问于2021-05-05得票数 0
回答已采纳
我无法从URI或文件路径更新我的ImageViews --它们只是不显示图像
捕捉图像的意图：
Intent photo = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
startActivityForResult(photo, 1);
论ActivityResult
protected void onActivityResult(int requestCode, int resultCode, Intent data){
super.onActivityResult(requestCode, resultCode, data);
浏览 6提问于2016-04-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
