组件在呈现之前不会等待API响应
在前端开发中，组件在呈现之前不会等待API响应是指在页面加载时，组件会立即进行渲染，而不会等待与后端的API通信完成。
这种设计方式可以提高用户体验，因为组件会在页面上立即显示，而不会因为等待API响应而出现空白或加载动画。同时，组件在后端数据返回后，会再次渲染并更新显示内容，保持页面的实时性和一致性。
这种非阻塞的前端设计可以通过异步请求实现。通常，在组件加载时，会发起API请求，然后继续进行组件的渲染和展示。当API响应返回时，通过回调函数或Promise的处理，更新组件的数据，并重新渲染组件，使得数据的变化能够及时地在页面上反映出来。
这种设计方式适用于对实时性要求不高的场景，例如加载页面时的数据展示、用户输入后的数据验证、用户提交表单时的数据传输等。腾讯云提供了一系列适用于前端开发的产品和服务，包括云函数SCF、API网关、COS对象存储等。通过这些产品，开发人员可以方便地进行前后端分离的开发，实现组件不等待API响应的效果。
更多关于腾讯云前端开发相关产品和服务的介绍，请参考以下链接：
- 云函数SCF：腾讯云无服务器云函数（Serverless Cloud Function，SCF）是一种无需管理服务器即可运行代码的计算服务，适用于事件驱动型场景，如API网关和前端页面数据请求等。详情请查看：云函数SCF
- API网关：腾讯云API网关是一种托管式API服务，可用于构建和管理前后端分离的API接口，实现后端服务的统一管理和监控。详情请查看：API网关
- COS对象存储：腾讯云对象存储（Cloud Object Storage，COS）是一种高扩展性、低成本、可靠安全的云端对象存储服务，适用于前端文件上传、存储和分发等需求。详情请查看：COS对象存储
通过腾讯云的这些产品和服务，开发人员可以更好地实现组件在呈现之前不等待API响应的需求，提升用户体验和开发效率。
相关·内容
2回答
我正在构建一个完整的堆栈反应应用程序。当我从前端调用它时，我让堆栈操作并从后端提取信息。我在前端使用axios来访问我在后端设置的端点。不过，我在前端身份验证方面遇到了问题。我使用护照和护照- Google 20用GoogleOAuth2.0登录用户。我把它正常工作了。我遇到的问题是:当用户点击一个特定的URL (由react路由器-dom控制)时，我有一个名为authVerify的函数，运行这个函数，点击后端并检查用户是否登录(通过查看cookie -在JS中是不可访问的)。该函数正确运行，并正确地更新状态。我有一个最初设置为false的身份验证状态字段，在成功的200个响应中，我的setS
浏览 0提问于2018-07-18得票数 1
回答已采纳
在我的componentWillMount函数中，我有一个从服务器获取数据的async函数getResults。我希望在初始加载时将响应从getResults传递给同一个组件，但是我注意到，在等待数据从getResults返回之前，组件呈现。如何让组件在呈现之前等待响应？我正在使用Redux来处理我的状态。
async componentWillMount() {
const response = await getResults(this.props.category)
}
浏览 1提问于2018-03-04得票数 4
回答已采纳
为了创建我的初始屏幕，我需要调用一些服务和响应的基础，我需要在我的UI中进行更改。现在的挑战是，在从UI获得响应之前，我不希望呈现我的视图。
是否有任何方法可以防止UI被呈现，并且在获得服务响应后，我可以要求UI在设置我的值之后得到呈现？
任何帮助都是非常值得赞赏的。
浏览 4提问于2016-09-30得票数 0
回答已采纳
我使用Vue2.6和复合api。我需要重路由到不同的页面，这取决于api响应。有人能指点我吗？
我试过使用onBeforeMount，但它将UI元素重新呈现到相应的页面到api response..so，我可以看到错误UI的闪光灯。
setup() {
const myData = 'myData';
onBeforeMount(async () => {
try {
const results = await fetchData();
// do reroute depends on results response
浏览 4提问于2022-04-21得票数 0
回答已采纳
我有两个组成部分“新”和“历史”。历史组件在“新”组件中被调用如下，
<div class="col-lg-12">
<app-leave-history [LeaveData]="ldata" [RoleData]="permission"></app-leave- history>
</div>
以上是内部的“新”组件。我需要从“新”组件ts文件中将数据传递给'ldata‘属性。当我通过API响应将数据传递给'ldata‘时，组件不会获得数据。因为在API响应之前，会加载历
浏览 3提问于2018-09-19得票数 2
回答已采纳
我有一个子组件，它使用父组件的值作为子组件中的状态，该值是使用API获取的，因此，第一次该值为空，在获取响应后，值将被更新，但在第一次呈现后，当值为空时，应用程序会崩溃，一个白色屏幕会被卡住，不会重新呈现。
我的父组件
export default function Profile() {
const [user, setUser] = useState({});
const PF = process.env.REACT_APP_PUBLIC_FOLDER;
const username = useParams().username;
useEffect(() => {
浏览 7提问于2022-07-11得票数 0
我如何才能等待调度更新状态？我没有在useReducer API文档中找到任何东西，也没有在TypeScript类型定义中找到任何指示。
以下是我试过但没有成功的地方：
await new Promise<void>((resolve) => {
dispatch({ type: DO_SOMETHING, something });
resolve();
});
console.log(state.something); // still the old version
浏览 6提问于2020-08-10得票数 1
回答已采纳
我正在使用来自EditUser的mount函数在测试中安装一个组件vue-test-utils。EditUser有一个子组件ChangePassword。mount应该按原样挂载所有子组件，而不是存根。我使用类似于此的ChangePassword submit方法访问ref组件。它在浏览器中运行良好，但在测试中，$refs被设置为空对象，无法访问提交方法。我正在使用jest测试我的vue组件。
在EditUSer.vue组件中
updatePassword() {
this.$refs.changePassword.submit()
.then(data => {
浏览 3提问于2020-07-10得票数 2
我想将布尔值从API响应对象传递给子组件。在子组件中可以更改什么来使用isFavourite值？主要问题是如何将布尔值传递给其他组件。目前，我在isFavourite上收到一个未定义的值。
响应
{"id":12,"title":"The Lord Of The Rings","isUserFavourite":true}
电影
const Movie = ({match}) => {
const [movie, setMovie] = useState([]);
useEffect(
浏览 3提问于2021-11-09得票数 0
回答已采纳
2回答
好吧，说其他的东西都经过了测试并运行良好，我制作了这个PublicRoute，它向NodeJS发送一个请求，但是函数isAuthenticated从不等待来自后端的响应，总是返回一个promise而不是true或false。我在网上到处搜索，但没有找到解决办法。我不知道如何让它等待。
PublicRoute文件：
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
import { useAuth } from '../context/auth
浏览 0提问于2020-04-14得票数 0
回答已采纳
嗨，伙计们，我正在创建一个在调用api get请求时遇到了一些问题的react本地应用程序，这就像响应出现了一些错误，下面似乎没有运行错误的共享代码，如果有人知道这个问题，请告诉我。
注意--当我在还原器中运行应用控制台时，控制台在运行时没有运行
组件中控制台DetailsReducer还原器值中的错误消息，当我执行映射时，检查减速器的值，如下所示
Object { details: {}, isFetching: false, error: false }
details: Object { }
<prototype>: Object { … }
error: false
浏览 2提问于2022-09-05得票数 1
回答已采纳
我有点小问题，似乎不知道怎么解决它。所以我正在尝试使用pokeapi创建一个口袋妖怪应用程序。第一个问题是无法显示我想要的对象。例如，我想显示{pokemon.abilities.ability}，但它总是显示Cannot read property '0' of undefined，但只显示{pokemon.name}或{pokemon.weight}。因此，当数组中有多个对象时，就会出现这个问题。
import React, {Component} from 'react';
export default class PokemonDetail exten
浏览 0提问于2018-05-06得票数 0
回答已采纳
当我的组件挂载时，我需要从API请求它的内容。在中
componentDidMount()在组件挂载后立即调用。需要DOM节点的初始化应该放在这里。如果需要从远程端点加载数据，这是实例化网络请求的好地方。
其内容如下：
在此方法中调用setState()将触发额外的呈现(.)使用此模式时要谨慎，因为它通常会导致性能问题。
向API和立即向setState发出响应的请求的最佳实践是什么？
浏览 12提问于2018-01-09得票数 2
回答已采纳
1回答
我的应用程序中有一个屏幕，可以加载一些数据。但我认为组件是在加载之前安装的。可能是因为令牌还没有生成。如果不使用超时，也许使用生命周期方法来响应本机，我如何才能避免这种情况发生？ps:当我保存文件2或3倍的数据加载之前，组件是空的。
我的代码：
import React, { Component } from 'react'
import {
View,
FlatList,
Text
} from 'react-native'
import Intl from 'intl'
import 'intl/local
浏览 1提问于2020-06-02得票数 1
1回答
我有一个rails (7.0.2)应用程序，刚刚安装了React。我对响应非常陌生，并且似乎无法理解为什么我的组件看起来像多次加载，第一次是props的空值，第二次是props的正确值。
App.js：
import "./App.css";
import axios from "axios";
import Customers from "./components/customers";
import { useEffect, useState } from "react";
const API_URL = "http
浏览 8提问于2022-04-03得票数 0
回答已采纳
2回答
我有一个API，它使用以下对象进行响应：
[
{
"A":4,
"B":3,
"C":2,
"D":1,
}
]
我想在以下组件中显示对象数据：
export default function name() {
const dispatch = useDispatch();
const { postsInfo } = useSelector((state) => state.posts);
useEffect(() => {
dispatch(ge
浏览 5提问于2022-04-08得票数 0
回答已采纳
1回答
我正在创建一个站点来显示一些手机，并设置了一个API来从我的数据库中传回最新的手机。在componentWillMount中的组件中，我将发送一个操作，然后获取API结果并填充我的存储。然后，组件呈现存储中的内容。
这一切似乎都正常，但确实意味着在进行API调用时没有显示任何内容。
我想知道是否有某种方法可以在服务器上分派操作并将initialState设置为API响应，还是有其他方式将API响应从服务器传递给客户机，以便组件呈现时数据已经存在？
这就是我目前所拥有的..。
减速器
export function latestPhonesHasErrored(state = false, ac
浏览 3提问于2017-06-27得票数 0
有人能解释一下，为什么“条件”在接收到响应并设置了状态时没有触发重新呈现吗？
当运行此代码时，即使响应为true，它也总是重定向到"/unauthorized/login“。我认为当状态改变时，页面总是被重新渲染。
const PrivateRoute = props => {
const [condition, setCondition] = useState('');
useEffect(() => {
if (!condition) {
getUserAccess();
}
}, [condition]);
cons
浏览 2提问于2021-08-27得票数 1
2回答
我正在尝试显示API返回的响应。我能够显示整个API响应，但无法显示对象的特定字段。
使用的API是：
答复如下：
{
"id": "nihalsarin2004",
"username": "nihalsarin2004",
"online": false,
"perfs": {
"chess960": {
"games": 107,
"rating": 2574,
"rd&#
浏览 4提问于2021-08-10得票数 0
回答已采纳
我在挂载组件之前调用API，但我的代码调用了两次API。我的需求是在成功获得API调用后显示年份数据(它将返回年份数据)。如果我在componentWillMount中使用setState函数，那么它不应该调用render方法，但在我的例子中，render函数也被调用了几次。
componentWillMount(){
// Year api call
var oauth=GetAuthToken()
if(this.props.options.apiName === 'year__c' ){
var
浏览 1提问于2016-12-13得票数 3
我在等待“一个动作流”从头到尾完成时遇到了问题。这个应用程序在客户端像往常一样工作，但在服务器端做事情时，它直到结束才会完成。
为了澄清，我正确地使用了"next-redux-wrapper“和"next-redux-saga”，因为我可以在使用更简单的流程时实现延迟渲染。
我认为错误主要在于我如何理解(或不理解)传奇效应。
为了简洁起见，省略了一些代码。
api.saga.js
const makeRequest = ({ body, url, method }) =>
axios({ method, url: url, data: body });
expor
浏览 62提问于2019-04-10得票数 2
我有一个api，它会列出当前用户拥有的所有访问权限，所以一旦app.js加载，我就会在componentWillMount中调用api，所以基本上我有三个路由，home，userslist，eachuser。所以主页是一个静态的文本页面。 userslist是一个组件，我在其中列出了所有用户，一旦您单击user的编辑图标，它会将您带到每个用户组件中该用户的详细信息。 问题是，一旦useraccessApi解析，调用就是异步的，并且只通过传递useraccessApi响应来获取我应该调用usersListApi的数据。 我所说的快乐流是指第一个用户加载localhost:3000/home，这
浏览 17提问于2019-01-07得票数 0
我正在使用useEffect获取API，并且API响应正确，如下所示
{response: {message: "This is a image link", status: "success"}, error: null}
第二次，当我收到下一个API调用响应时，如果有错误，那么旧的响应不会被删除。它是这样显示的
{response: {message: "This is a image link", status: "success"}, error: TypeError}
我编写了获取API的教程代码。
检查我在中的代码
i
浏览 1提问于2019-08-01得票数 3
回答已采纳
在我的子组件中，我有两个功能：
methods: {
tutu: function () {
...
},
openMenu: function () {
...
}
}
在我的父组件中，我试图执行这些函数中的每一个来响应不同的事件：
methods: {
openMenu: function () {
this.$refs.main_menu.openMenu();
},
handleResize: function () {
this.$refs.main_menu.tutu();
}
},
第一次调用(this.$refs.
浏览 2提问于2019-10-11得票数 0
回答已采纳
我在我的react应用程序中得到了这个错误：
错误:对象作为React子对象无效。如果您打算呈现一个子集合，请使用数组代替。
在我的react组件中，我调用了一个API，并获得了一个Json的响应，如下所示：
{
title: "myTitle",
description: "My Description",
...
state: {
id: 1,
stateTitle: "active"
},
}
我可以使用所有的问题，但不能使用来自子对象的属性。
const myComponent = () => {
浏览 3提问于2022-05-14得票数 0
回答已采纳
import {useEffect, createContext} from 'react';
import DisplayDate from "./components/DisplayDate";
import React from "react";
export const Context= createContext();
const reducer = (state, action) => {
switch(action.type){
case "IN":
return{
浏览 9提问于2021-12-13得票数 0
我正在尝试从MongoDB获取单个对象。我成功地得到了整个数据库。当我对reducer中的有效负载执行console.log()时，它显示了一个对象，而不是一个数组，以及我想要的正确对象。我不明白为什么对象没有被发送到组件，因为我在不同的组件中执行完全相同的过程。
从操作文件: exerciseActions.js：
export const getExerciseByID = (exerciseID) => dispatch => {
fetch('http://localhost:5000/exercises/' + exerciseID)
浏览 0提问于2020-09-05得票数 0
我真的不知道Next.js上的这段代码有什么问题。index.js：
import { getUsers } from "../utils/users";
import React from "react";
Home.getInitialProps = async (ctx) => {
let elements = [];
getUsers().then((res) => {
res.map((el) => {
elements.push(el.name);
});
console.log(e
浏览 6提问于2021-07-21得票数 2
回答已采纳
2回答
要求：
我需要进行多个API调用，然后将结果输出到Reactive前端。我用的是反应钩而不是类。
对所采取步骤的解释：
在视图函数(Function_V)中，我使用一个按钮调用一个函数(称为Function_A，它充当服务函数)，将参数发送给该函数。Function_A使用Axios使用参数进行get调用，并返回所需的承诺和响应内容。我将Function_A返回的部分输出推到一个本地数组变量上(以便生成最终的响应对象)。从这个Axios调用中提取几个输出，对函数A的Axios调用中的另一个函数(Function_B)进行函数调用。这是另一个Axios调用，以获得所需的其余API响应。
我成功
浏览 8提问于2021-07-28得票数 0
回答已采纳
1回答
我有一个api来检查用户是否登录，我想通过检查api的响应代码来重定向页面，不确定如何编写它？ 接口： case 'loggedin':
$result = $_SESSION['sessionOBJ']->logged_in();
if($result == true){
echo json_encode($result); //login
http_response_code(200);
浏览 15提问于2020-11-17得票数 0
回答已采纳
我的组件有一个按钮。通过单击该按钮，将发出一个操作，并进行相应的API调用。API调用的响应存储在redux中。但是，每当对redux存储进行更新时，组件(我正在处理的组件)就会被卸载和重新挂载。因此，当组件重新挂载时，组件的内部状态将被破坏和重新创建。
我的问题是：
当redux存储被更新时，组件是否需要卸载和重新安装？如果是预期的，我应该如何保持组件的内部状态？
AsyncComponent：
export default function asyncComponent(importComponent) {
class AsyncComponent extends React.Comp
浏览 2提问于2019-08-23得票数 3
回答已采纳
1回答
等待来自useSelector的数据的最佳方法是什么。我的意思是，我有一个async action，它是使用redux-thunk发送的，或者确切地说是createAsyncThunk。在调度方面，一切都很好，但我遇到的问题是，我想展示某些组件，并将state从useSelector作为一个支柱传递出去。
因为它是async action，所以需要等待一些时间才能得到数据，但是我需要这些数据来向用户显示一个特定的组件，就像我说的那样，所以我把state作为一个支柱传递，但是在数据返回之前我传递了一个null值。我也使用Firebase作为一个，比方说API。
这是我的密码：
const Pro
浏览 6提问于2022-03-27得票数 1
4回答
只有在API请求完成后才呈现组件
、、、、
当我的图表组件呈现时会出现错误，因为它的初始状态是API响应之前的空数组。它可以说类似于Cannot read property '0' of undefined，这是因为当组件加载时，它的初始状态是.空数组。因此，我想知道是否有一种方法只在收到API响应之后才使组件呈现。
以下是父组件：
function InformationPage({
match: {
params: { symbol },
},
}) {
const [chartData, setChartData] = useState([]); {/*Declaring
浏览 6提问于2020-10-15得票数 0
回答已采纳
如何确保在确定完成了switchMap请求并接收到所有数据之后，执行该中的函数？
现在，在绘制元素之后，我正在接收数据，因此不会显示来自HTTP请求的结果。
在此提出请求：
const request = this.outlookService.createMultipleCalendarEvents(calendarEvents);
const infModal = request.pipe(
switchMap((response : conflictingInterviewsDto) => this.createConflictingMee
浏览 8提问于2022-05-23得票数 0
所以我知道一些关于vue的生命周期钩子的事情，但是对于其中的一些，我想我想不出在它们中应该做的任何真实的用例或例子，我认为通过找到它们的用例可以帮助我更好地理解它们。
我知道和不知道他们的情况如下：
创造钩
beforeCreate()：事件和生命周期已经初始化，但是数据还没有被激活-用例??
created()：您可以访问响应性的数据和事件，但是模板和虚拟DOM尚未被挂载或呈现--用例: API调用
安装钩
beforeMount()：在初始呈现之前运行-用例??
装入()：您可以访问反应性组件、模板和呈现的DOM --用例:修改DOM
更新钩子
befo
浏览 0提问于2020-12-02得票数 3
回答已采纳
1回答
我有一个vue组件，它创建一个axios调用来获取数据，我使用一个Vuex操作来进行api调用。问题是，当我加载页面时，组件有时会呈现，而其他时候则不会。我不知道是什么触发了这种行为。我是Vuex的新手，有什么建议吗？提前感谢
这就是行动
getTickets({commit}, apiroute){
console.log('getTickets action')
let config = authHeader();
axios
.get(apiroute,con
浏览 2提问于2022-03-24得票数 0
1回答
用多个console.log响应
、、、、
我创建了一个功能组件，我的axios请求用两个未定义的响应和一个响应200来响应。我不明白为什么？
这是我的组成部分：
import { UidContext } from "../components/AppContext"
import React, { useContext, useEffect, useState } from "react"
import axios from "axios"
export default function Balance() {
const uid = useContext(UidContex
浏览 1提问于2021-06-18得票数 1
回答已采纳
5回答
如果我想在组件的第一次呈现之后调用API，我知道我们有useEffect钩子来调用API方法。(我说的只是功能部件。没有类组件)。
有没有办法在组件第一次呈现之前调用API。
这个问题的原因是，如果某些UI部件依赖于API，我不希望在第一次呈现时向用户显示任何不完整的信息，一旦从API获得数据，就会更改这些信息。这似乎是一次糟糕的UI体验。
编辑：，我收到了一些建议，可以使用useLayoutEffect或任何可消费标志来检查它是否呈现。我已经检查了useLayoutEffect不工作，通过使用易耗标志，我们只会增加复杂性。
我们有什么更好的办法吗？
浏览 1提问于2020-04-20得票数 5
1回答
为什么下拉式值不使用类型记录？
、、、、
试图将数据绑定到下拉列表，但不绑定任何内容，下拉列表显示没有选中的任何内容。
function Drop() {
axios.get('/api/v1/users/')
.then(function (response) {
global_num = response.data;
// console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
let lst = [];
for (
浏览 2提问于2020-09-18得票数 0
回答已采纳
我一直在使用Open的Api来获取数据，并将其存储到React中的保存状态，以便调用已保存的状态，并在我的web应用程序上呈现实际的天气数据。问题是，我可以console.log存储在函数变量中的api数据，没有问题，我甚至可以直接将api数据传递到状态，然后进入我的web应用程序。但是，当我试图将api数据传递给一个变量，然后保存到状态并呈现它时，我会得到一个错误"TypeError:无法获得未定义或空引用的属性'temp‘“。我不明白的原因是，如果我接受相同的“空引用”片段，并尝试在函数中对其进行控制台日志记录，它将返回数据！我到底做错了什么？
我对ReactJS还比较陌生
浏览 0提问于2018-04-10得票数 2
回答已采纳
我使用的是react路由器v1.0.0-rc4。
这是我的路线：
<Router>
<Route path="/" component={App}>
<Route path="info" component={Info} />
<Route path="dashboard" onEnter={callAjax} component={Dashboard} />
</Route>
</Router>
当url更改为/dashboa
浏览 4提问于2015-11-10得票数 2
回答已采纳
2回答
我试图从axios响应中捕获wepb url并将其传递给图像组件。
我想循环遍历数据并显示每个dataall.images.original.webp
我尝试过.map()，但没有成功
我认为我的一些问题包括等待响应完成，而UserItem可能都是错误的
这是我在故障排除过程中得到的console.log。
应用程序
import React, { Component } from "react";
import axios from "axios";
import Users from "./components/Users";
c
浏览 0提问于2019-06-26得票数 0
回答已采纳
我已经学习了Vue.js的生命周期钩子，但是没有发现任何使用created()函数的实际场景？
我知道created()函数可以访问响应式数据和事件，但不能访问DOM元素。但实际上我不知道如何使用它。请谁帮我提供使用Created()函数的实际场景。提前谢谢。
浏览 2提问于2018-10-15得票数 7
3回答
我正在迁移我的一些单元测试用例，这些测试用例以前是用Jest和酵素来反应测试库编写的。我正在使用Material的Select组件，并且我知道，为了打开下拉列表，我们必须在相应的div上触发mouseDown事件。下面是我在酶(工作)中所做的工作：
wrapper.find('[role="button"]').simulate('mousedown', { button: 0 });
我正试图以以下方式使用React测试库来实现相同的功能，但这是行不通的：
const { container, getAllByRole, getByRole }
浏览 11提问于2022-02-21得票数 0
回答已采纳
loadQuery和usePreloadedQuery -这个组合实际上是表演性的，因为我们在usePreloadedQuery钩子中使用loadQuery返回的引用，所以这遵循了“呈现即取”模式。
loadQuery和useLazyLoadQuery --如果我们使用这个组合，那么它也提供了与第一个组合相同的性能。根据，我们应该在loadQuery中使用usePreloadedQuery查询钩子。当我们使用useLazyLoadQuery使用loadQuery时，它不会进行额外的API调用，因为它使用的数据与我们从loadQuery获取的数据相同。
所以实际上这两种方式是相同
浏览 16提问于2022-02-10得票数 2
回答已采纳
这是在组件中分配API调用的最佳挂钩。通常我使用useMemo在第一次呈现时调用API，如果需要额外的副作用，使用useEffect，这是正确的吗？因为有时我会犯以下错误：
‘索引. as :1警告:不能在呈现另一个组件(Inscriptions)时更新组件(PaySummary)。
当我路由到一个组件并快速地切换到另一个组件时，如果我返回到它按照预期正确呈现的前一个组件，它不会“影响”一般的行为。那我该怎么做呢？
浏览 2提问于2020-07-25得票数 8
回答已采纳
2回答
我是一个反应的初学者，并有以下的基本疑问。我从函数组件中的API获得响应，并将此响应传递给子组件，以便子组件可以使用这些数据来呈现其内容。传递给子组件的这个参数在子组件的控制台日志中显示为空，尽管它在父组件的控制台日志(存储为局部变量而不是状态)中按预期显示。有人能帮助理解为什么状态变量是必需的，而仅仅局部变量在这里是不够的吗？
谢谢
浏览 2提问于2022-08-17得票数 0
回答已采纳
我在react和redux方面是新手。我在一个组件上有一个按钮，我正在调用api并将响应设置为状态。但我想让那个状态返回到单击函数，在这个状态的基础上，我想要一些有条件的工作。
我不知道如何实现这一点。
谢谢，Vijay
浏览 0提问于2016-11-30得票数 0
2回答
我试图使用以下代码片段在react本机中使用fetch api。每当我尝试console.log API数据数组时，总是会出现“未定义”？！
Home.JS
import api from '../components/api';
class Home extends Component {
constructor(props){
super(props);
this.state = {
profile: []
}
}
componentWillMount(){
api.getProfile().then((res) => {
this.setSta
浏览 3提问于2016-10-26得票数 0
我试图让Angular等待API响应，但没有成功。
我使用了TransferState，它可以工作，但是结果不会出现在View Source中。在视图加载后，Angular仍然闪烁以显示响应。
我正在使用通用启动器
两者都显示在视图源代码中，但我用Laravel 5制作的API却不显示，我也不知道为什么。我的应用程序接口以毫秒为单位的响应甚至比even占位符更快，但我对响应(这是一个数组)所做的ngFor仍然不会显示在View Source中。
我的service.ts上有这个
import { environment } from './../../../environment
浏览 3提问于2019-09-04得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
