未更新React状态
是指在React应用中，组件的状态（state）没有被正确地更新。React中的状态是组件内部的数据，可以通过setState方法来更新。如果未更新React状态，可能会导致组件的渲染不正确，数据显示不一致或者应用出现其他错误。
为了解决未更新React状态的问题，可以采取以下步骤：
- 检查代码逻辑：仔细检查组件中的代码，确保在需要更新状态的地方调用了setState方法。可以使用React开发者工具来检查组件的状态变化。
- 确保使用正确的setState参数：setState方法接受一个对象或者一个函数作为参数。如果使用对象作为参数，需要确保对象中包含需要更新的状态属性。如果使用函数作为参数，函数会接收到前一个状态作为参数，并返回一个新的状态对象。
- 使用异步更新：setState方法是异步的，React会将多个setState调用合并为一个更新。如果在多个地方调用了setState，可能会导致状态更新不正确。可以使用函数作为参数来确保获取到最新的状态。
- 使用不可变数据：React鼓励使用不可变数据来更新状态。如果直接修改状态对象，可能会导致未更新React状态的问题。可以使用深拷贝或者Immutable.js等库来创建新的状态对象。
- 使用生命周期方法：React提供了一些生命周期方法，可以在组件的不同阶段执行特定的操作。可以使用componentDidUpdate生命周期方法来检测状态更新，并进行相应的处理。
总结起来，未更新React状态是一个常见的问题，可能导致组件的渲染不正确。为了解决这个问题，需要仔细检查代码逻辑，确保正确地调用setState方法，并使用正确的参数。同时，使用异步更新、不可变数据和生命周期方法等技术可以帮助解决未更新React状态的问题。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（TPNS）：https://cloud.tencent.com/product/tpns
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
我正在从一个通过src道具传入的url中加载一个svg映像。
我遇到的问题是，我正在将svg存储到状态，但是当url更改时，显示的图像将是单击的前一个图像，而不是当前图像。
我可以看到，存储在状态中的图像始终是最后选择的图像。
我相信它是如何从api中获取映像并将其存储到这里来声明的，但我不太明白它是如何工作的，以及它如何用svg更新状态。
).then(
svg => this.state.image = svg
);
我怎样才能改变这一点，使状态用正确的图像更新？
SVG组件
import React from 'react';
import fetch fro
浏览 0提问于2018-09-26得票数 2
回答已采纳
1回答
目前，我正在学习一个关于react路由器-dom的教程，每当我将我的三条路由放置到Router中时，我都会在拉出本地主机时在所有三条路由上得到空白页。我使用path和element在element属性内使用三元操作符配置路由，但在呈现时仍然得到一个空白页。知道为什么会这样吗？谢谢!
App.js
import React, { Fragment, useState, useEffect } from "react";
import {
BrowserRouter as Router,
Route,
Switch,
Redirect
} from "re
浏览 3提问于2022-05-09得票数 1
回答已采纳
1回答
我清除了标签，移除了状态，实现了空组件，但仍然存在相同的问题。只有当我导航到后退菜单时才会发生这种情况
Warning: Can't perform a React state update on an unmounted component.
浏览 0提问于2020-06-14得票数 0
我看到其他地方也提出了类似的问题。不管怎样，我还是要问一下。
在我的react组件中，我有以下内容：
let n = extract_vals(this.props.post);
return (
<div key={this.props.post.nid} className="post">
{n.field_image}
</div>
);
}
在本例中，n.field_image是一个对象，因此它将出错：
Error: Objects are not valid as a Reac
浏览 0提问于2020-05-06得票数 0
第一个小的react/redux项目，学习。
按钮元素上的onClick事件触发，因为我可以看到控制台中的值(在还原器文件中)。但是，视图没有更新。
是的，我已经在网上看过了，我在这个问题上被困了一整天。
我做错了什么？
提前谢谢。
PanelContainer.js文件：
class PanelContainer extends React.Component {
constructor(){
super();
this.state = {
color: new Color()
}
浏览 2提问于2016-10-09得票数 4
回答已采纳
2回答
我使用下面的方法从其他组件控制我的头文件。然而，当更改页面时，我得到了旧的"can't perform a react state on unmounted“错误 export const store = {
state: {},
setState(value) {
this.state = value;
this.setters.forEach(setter => setter(this.state));
},
setters: []
};
store.setState = store.setState.
浏览 36提问于2019-06-27得票数 1
回答已采纳
我希望能够在不更新其他元件的情况下更新嵌套元件的特性。
这个用例非常容易理解：
我有一个Table (组件)，它包含Player (一个Player就是一个组件)，它包含Cards (一个Card就是一个组件)。
所以我有一些类似的东西：
var Table = React.createClass({
render: function() {
return (
<div>
</ Player>
</ Player>
</ Player>
</ Playe
浏览 1提问于2015-10-20得票数 0
import React,{ useEffect, useState } from "react";
export default function Test() {
const [myState, setmyState] = useState(0);
return (
<div>
<h2>JavaScript Lifecycle</h2>
<button type="button" onClick={()=>{
const
浏览 37提问于2021-04-01得票数 0
回答已采纳
单击一个按钮，我正在更新状态，它成功地更新和更改了我的输入框的值，并在屏幕上打印，但当我在更新它的函数中是console.log状态变量时(您可以在changeState函数中看到console.log )。它并没有改变。下面是我的代码。
import React from 'react';
class Refs extends React.Component {
constructor(props) {
super(props);
this.state = {
data: ''
}
this.upd
浏览 0提问于2018-11-03得票数 0
因此，我是一个在MERN栈的初学者，并一直跟随一个教程，以建立一个电子商务网站。但是我在前面的productDetails页面上遇到了一些麻烦。所以当我点击该产品时，它会显示它的详细信息页，但是在刷新页面之后，页面会变成空白，而在返回到主页之后，产品就会被删除，或者disappears...Does，有人知道如何解决这个问题吗？
这是productDetails.js代码
import Carousel from "react-material-ui-carousel";
import "./ProductDetails.css";
import { useSe
浏览 16提问于2022-10-24得票数 1
1回答
每次单击increment按钮时：
期望:当前count已记录
实际：count的初始值，即记录为3
import React, { useState, useEffect } from "react";
function SomeLibrary(props) {
const [mapState, setMapState] = useState(undefined);
useEffect(() => {
console.log("setting map");
// Run exactly once at mount of com
浏览 1提问于2020-07-22得票数 1
我刚开始使用redux，所以我只是尝试将redux应用到一个非常简单的应用程序中。只要点击按钮，它就会切换单词。但是，除了这个动作之外，我应该如何分派我的handleClick函数呢？现在，当我单击按钮时，什么都不会发生。
App.js
import React, { Component } from "react";
import { connect } from 'react-redux';
import MyButton from "./MyButton";
import { handleClick } from "./acti
浏览 4提问于2019-10-12得票数 1
回答已采纳
1回答
我刚开始使用React，我正在尝试创建一个用于显示不同内容的模式。我目前已经将其设置为具有不同的“模式”状态，并且每个模式将显示不同的标记，这些标记将作为this.props.children传递到Modal组件中
它似乎在一定程度上是有效的，但我在状态处理方面遇到了问题。输入可以很好地更新和显示输入的当前状态，但是一旦这个内容嵌套在Modal组件中，它就会做一些奇怪的事情，比如不再允许您键入或显示任何键输入，如果有状态内容，任何按键都只会用最后一个字符更新状态。
我猜这是因为Modal是一个带有新构造器的有状态组件，父应用程序中对' this‘和'handleChange&#
浏览 9提问于2018-08-06得票数 1
回答已采纳
在Parent组件中，当按下第一个Child组件的TextInput中的submit按钮时，我试图将焦点放在第二个Child组件的TextInput上，但出现了这个错误：error message Child.js import React from "react";
import { View, TextInput} from "react-native";
export default class Child extends React.Component {
focus = ref => {
ref.input.focus();
浏览 31提问于2019-02-10得票数 2
1回答
我刚刚开始使用REACT，在使用许多控件的表单时，我正在寻找一种有效的方法。而我不需要任何验证，所以我跳过了反应钩-形式。
在使用表单时，是否有推荐的做法？我有大约20个输入，所以它是一个半大的形式。我一开始对每个输入都有一个挂钩，但很快就意识到这有点难以维护。所以我换了一个钩子和一个像这样的东西：
我可以看到一些人为表单推荐还原剂，为了简单起见，用像我的示例这样的对象使用钩子有什么不对吗？减速机会给我什么额外的东西？或者您会为每个输入选择一个钩子吗？
import React, { useState } from "react";
import "./styles.
浏览 4提问于2020-04-02得票数 1
回答已采纳
1回答
class Hello extends React.Component {
constructor(props){
super(props)
this.state={count:1};
this.myRef = React.createRef();
}
use(){
console.log(this.myRef);
let f=function(){
this.setState({count:2});
浏览 1提问于2018-12-29得票数 0
为了学习的目的，我创建了一个电子商店，但是我被localStorage、useEffect和React困住了。基本上，我有一个产品目录，其中的每个项目都有一个button，可以将产品添加到购物车中。
它还在localStorage中创建一个对象，其中包含该项的id和数量，您在将产品添加到购物车时会选择该对象。
我的上下文文件：
import * as React from 'react';
const CartContext = React.createContext();
export const CartProvider = ({ children }) =>
浏览 11提问于2022-10-17得票数 1
回答已采纳
我是一个ReactJS初学者，我阅读了react.org上的文档，但是有一部分我不能理解。
这是来自的屏幕截图
我不明白为什么要使用两个fetch...().then来改变状态，以及参数response是什么。
浏览 0提问于2018-09-14得票数 2
当我单击按钮提交表单时，会收到以下警告：
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.
Formik@http://localhost:3000/static/js/vendors
浏览 3提问于2021-03-12得票数 0
回答已采纳
我有一个主组件和一个子组件，其中我使用了antd表。代码不会抛出任何异常，所选的ids会正确地流向主组件。 但是，在单击复选框后会将其清除，因此我不确定这里遗漏了什么 主要组件 import React, { Component } from 'react';
import { Input} from 'antd';
import Form from '../../components/uielements/form';
import Button from '../../components/uielements/button'
浏览 96提问于2019-02-22得票数 1
回答已采纳
2回答
我在项目中使用Material组件，并在我的应用程序中使用AutoComplete组件。
在Material团队的示例中，我看到了一个有趣的AutoComplete Ajax数据示例：。
他们使用从服务器获取数据：
React.useEffect(() => {
let active = true;
if (!loading) {
return undefined;
}
(async () => {
const response = await fetch('https://country.register.gov
浏览 1提问于2020-06-18得票数 2
回答已采纳
我是新的反应(和一般编程)，并遇到了一个问题。我已经创建了这个组件，并使用react-copy-to-clipboard包，onCopy我想复制一个字符串，将copied设置为true，然后在几秒钟后将copied设置为false。当copied是真时，我想要一个带有文本的div，当copied设置为false时，我希望它消失。
我尝试过使用setTimeout，但没有成功，正如您在下面的代码中所看到的那样，我认为它并不像我所希望的那样工作，因为当copied状态再次为false时，JSX不会重新呈现。我曾想过使用承诺，但当我想返回JSX时，我想不出如何做到这一点。
import React,
浏览 1提问于2022-10-21得票数 2
回答已采纳
我使用React渲染我的web应用程序所需的一些组件，我有一个带有播放和停止按钮的计时器。我从get请求中检索所有的时间记录，并且我想在组件每次更改时重新修改它，我如何做到这一点？
除了使用一个简单的setInterval来调用this.forceUpdate()函数之外，一切都可以正常工作，但这给了我一个警告：
警告:forceUpdate(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用forceUpdate()。这是禁止行动。请检查TimerBox组件的代码。
我的组成部分：
var TimerBox = React.createClass({
displa
浏览 3提问于2017-03-09得票数 0
回答已采纳
目标
单击next按钮并将两个操作分派到redux存储区，如下所示：
首先，更新skipAmount值。
然后使用更新的skipAmount值生成apiQuery (用于向服务器发出请求的字符串)。
问题
在操作1和2之间没有更新skipAmount值。
示例
我创建了一个CodeSandbox，它清楚地说明了我所面临的问题。注意，skipAmount值是apiQuery之前的100 (或单击事件)。
代码
Index.js
import React from "react";
import ReactDOM from "react-dom";
浏览 3提问于2018-05-30得票数 0
回答已采纳
我正在开发一个ExpoReact原生移动应用程序，我正在努力弄清楚如何在运行firebase.auth().signOut()方法后将用户重定向到登录屏幕。我想这是我在使用嵌套导航器时所不能理解的，但是我假设一旦我运行signout方法，我的AppNavigator.js useEffect函数就会在firebase.auth().onAuthStateChanged方法中捕捉到用户状态的变化，然后将屏幕重新呈现为正确的堆栈导航器。请帮助我了解如何让这个重定向正常工作，以及为什么我当前的构建不工作。 下面是我的主App.js文件、包含嵌套导航器的AppNavigator.js文件和Profi
浏览 17提问于2020-10-10得票数 0
回答已采纳
我不知道为什么我要面对这个问题。如果有人知道如何处理它，所以请帮助。提前感谢
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 %s.%s, the componentWillUnmount method,
in ToastContai
浏览 0提问于2020-01-16得票数 0
1回答
我在我的应用程序中使用React和Redux。我想要在我的应用程序中显示confirmationDialog，我希望它的方式是从某个组件触发一个操作，它更新我的redux状态，然后confirmationDialog将侦听该状态并打开它自己。confirmationDialog的代码是：
import React from 'react';
import {connect} from 'react-redux';
import PropTypes from 'prop-types';
import Dialog from 'materi
浏览 10提问于2018-02-25得票数 0
5回答
当我单击一个将数组的第一个元素发送到最后一个位置的按钮时，我正在尝试重新呈现一个列表，但是，当我单击该按钮时，组件不会重新呈现，即使console.log显示数组已经更改：codesandbox import React, { useState } from "react";
const DailySchedule = () => {
const [exerciseList, setExerciseList] = useState([
"exercise 1",
"exercise 2",
"exer
浏览 47提问于2020-11-21得票数 1
回答已采纳
我是个新手，大约一周前才开始使用它。我试图在一个组件中开发一个截断的文本功能，但却陷入了一个常见的新手陷阱。 我有一个患者信息组件，它显示了人们的个人数据，如姓名、生日等。该组件在视觉上设计为固定宽度的卡片，当宽度超过卡片的宽度时，需要截断人名： Original text Truncated text (“截断”格式是非常具体的，我不能只使用CSS ) 我通过props将人名和姓氏从父组件传递给子PatientName组件，后者封装并处理截断功能。这是我使用的代码： import './patient-name.css';
import React from 'r
浏览 29提问于2019-03-22得票数 0
回答已采纳
1回答
在我的react原生应用程序中，我试图在标题中实现一个消息框，当单击该消息框时，将显示一个屏幕，其中包含用户的消息。我正在尝试使标题中显示的消息图标根据用户是否有未读消息而有所不同。 在我的AppNavigator文件中，我尝试使用一个函数来存储是否有未读消息，然后相应地返回应该在标题中显示的内容。 navigationOptions: ({ navigation, goBack }) => ({
title: "Title",
headerRight: () => {
// unread_messages = check if user has
浏览 22提问于2020-06-13得票数 0
回答已采纳
我目前正在React中创建一个待办事项列表，它从Firestore检索任务，并使用状态钩子：const [todoList, setTodoList] = useState([])将它们本地存储在数组中。我在编写代码时遇到了一些障碍，主要是因为Firestore的onSnapshot函数似乎没有正确地使用React。快照代码在加载时(用于检索现有任务)和创建新任务时调用。在数组中附加更改的快照代码是：
todoReference.onSnapshot(colSnapshot => {
colSnapshot.docChanges().forEach(change => {
浏览 8提问于2020-05-26得票数 4
我在React中编写了一个简单的组件，它应该是在单击按钮时删除数组的最后一个元素，但是尽管控制台记录了正确的值，但我的React状态并没有相应地被更新(当使用工具查看组件时)，因此输出没有改变。我不明白为什么它不能正确地更新。
const Test = () => {
const [input, setInput] = useState(["c", "a", "t"])
const removeLastElementFromArray = () => {
setInput(prev => {
conso
浏览 7提问于2022-07-07得票数 0
回答已采纳
这是完全错误
警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。在SignUpPage
这是我的siguppage.js文件
import React, { useState } from 'react'
import { withFirebase } from '../firebase/Context'
import { useHistory } from 'react-router-dom'
import { compose } f
浏览 2提问于2021-04-12得票数 5
回答已采纳
我正在了解React中的ErrorBoundaries，并想知道为什么以及如何在getDerivedStateFromError方法中设置状态？
// REACT
import React from 'react';
export class ErrorBoundary extends React.Component {
state = {
isThereError: false
}
static getDerivedStateFromError(error) {
return {
isThereError: true
}
浏览 3提问于2021-10-05得票数 1
回答已采纳
我有一个定制的反应钩子，如下所示：
export function useValidPolicyReference({
token,
tenant,
policyReference,
}: UseValidPolicyReferenceProps): Record<string, boolean> {
const [isValid, setIsValid] = React.useState<boolean>(true);
React.useEffect(() => {
async function fetchOnMount(): Pr
浏览 1提问于2021-10-22得票数 0
我已经在这个简单的文件上3天了，需要你的帮助。我是个新手，MapBox也是。 我需要使用api并将其显示在mapbox上。使用JSON (ANNONCE)一切正常，但是使用useEffect(axios-asynchronous)，我有一个类型的错误：“不能在卸载的组件上执行反应状态更新”.I认为这是一个时间错误(可能是componentDidMount)，但我不知道如何解决它。你能帮我一下吗？非常感谢。 import "mapbox-gl/dist/mapbox-gl.css";
import "react-map-gl-geocoder/dist/mapb
浏览 17提问于2020-11-27得票数 1
当我将CKeditor实现为react时，我会得到以下错误：
警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。
CKeditor出现在第132行，下面是实现的代码：
import { Avatar } from "@material-ui/core";
import { MoreHorizOutlined, ShareOutlined } from "@material-ui/icons";
import ArrowUpwardOutlinedIco
浏览 11提问于2021-05-09得票数 1
回答已采纳
第一次使用Redux时，我理解操作和还原器的概念，但无法让它们在我的代码中很好地发挥作用，我担心这是因为我使用的是CoffeeScript而不是ES6。
我想问题是，我不能在我的/app/reducers/index.export default ...中做¯\_，但老实说，Redux对我来说是非常新的，我和webpack一起蹒跚而行，反应了一段时间，而且仍然对两者都不太舒服，所以¯\_(ツ)_/ my
我不断地发现错误：
Store does not have a valid reducer. Make sure the argument passed to combineReducers
浏览 2提问于2016-07-20得票数 0
回答已采纳
我正在开发一个应用程序，它有一个包含以下内容的类：
<Details creature={this.state.creature} />
当类更新其状态时，它会更新Details的creature属性。当这种情况发生时，我希望Details使用新的生物道具来刷新ListView，使用CREATURES[this.props.creature].food作为新的DataSource。
以下代码最初可以正常工作，但我不知道如何让它更新其dataSource：
var Details = React.createClass({
getInitialState: function(){
浏览 0提问于2015-12-11得票数 0
2回答
当我试图从其中一个子节点更新所有的childs状态时，我遇到了一些问题，下面是我的代码示例。这个想法是自动从其中之一的所有组件。
我是新的反应，我才用了一个星期，所以这一切可能是一个误会。
import React from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
class Parent extends React.Component {
constructor(props) {
super(props);
th
浏览 1提问于2018-01-20得票数 1
回答已采纳
我尝试使用条件身份验证流。 代码： return (
<ApolloProvider client={client}>
<NavigationContainer>
<AuthProvider>
<Stack.Navigator>
{userToken ?
// User is signed in, show Home Screen
<Stack.Screen name="Home&#
浏览 37提问于2021-09-09得票数 0
我知道，当useRef被更改时，组件就不会被重新呈现，不管怎样，您能解释一下每个版本到底发生了什么吗？在useEffect函数中，如果组件是unMounted，则isCan.current将设置为true。当它被卸载时，调度函数和几个状态将不会中断(如果在try块中有条件)。以这种方式工作，但是您能告诉我为什么不使用状态钩子(isCancelled)运行所有这些代码吗？
with useRef:因此，当组件卸载时，isCan.current将立即设置为true。如果取消发生在If条件之前，则调度和某些挂钩不会更改，因为isCan现在是isCan
with useState:当组件卸载时，isC
浏览 4提问于2022-05-02得票数 0
我有一个组件，如果它的prop.paramA与存储在cookie中的paramA值不同，它就呈现出来。
下面是我尝试将cookie管理逻辑移动到一个单独的组件中的尝试。问题是，当showQuestion为false时，问题组件只呈现一次，所以我永远看不到问题。
目前，我的代码如下所示
// question.js
import React from 'react';
import ToggleDisplay from 'react-toggle-display';
import {withCookies, Cookies} from 'react-coo
浏览 0提问于2018-05-03得票数 1
回答已采纳
1回答
我对我的反应方式有问题。
如果我在submit按钮上单击两次，那么此时表单将正确提交并将我的各种信息发送到数据库。
问题出在哪里？
import React, { useState } from 'react';
import axios from 'axios';
const Register = () => {
const [username, setUsername] = useState();
const [password, setPassword] = useState();
const onSubmit = (e) =>
浏览 2提问于2020-12-23得票数 1
回答已采纳
1回答
我正在尝试将我的组件CMSForm连接到Redux存储，但一直未能这样做。这是我的：
减速机：
const cmsDefaultState = {
cmsNum: "",
facilityName: ""
};
export default (state = cmsDefaultState, action) => {
switch (action.type){
case 'SET_CMS_ID':
return Object.assign({}, state, {
cmsNum: act
浏览 1提问于2020-07-01得票数 0
回答已采纳
2回答
当我试图在React Native中添加到数组的开头时，我得到了以下错误： TypeError: todos.unshift is not a function. (In 'todos.unshift(newTodo)', 'todos.unshift' is undefined) 我的代码是： export default function App() {
const [todos, setTodos] = useState(['Hello']);
const [todo, setTodo] = useState(''
浏览 177提问于2021-11-08得票数 0
回答已采纳
我目前正在做一份待办事项清单。我要做的是，当我点击“已完成”按钮，我想使用CSS“行通”属性的列表项目，无论我想要。但是，当我按下按钮时，所有的列表项目都会被选中。我怎样才能解决这个问题？如果答案是密码的话，我将不胜感激。
这是表单组件：
const [draw, setDraw] = useState("notDrawed")
const whenClicked = () => {
setDraw("drawed")
}
return (
<div id="container">
<
浏览 3提问于2022-08-08得票数 0
1回答
你好，我有一个简单的应用程序，连接到一个主题，然后更新他的状态，似乎是工作时，发挥作用，但我有一个问题，如何正确地为它编写测试有一个库，我使用
import React, { useState, useEffect } from 'react'
import PubSub from 'pubsub-js'
const App = () => {
const [data, setData] = useState([])
const mySub = (msg, pubData) => {
setData(pubData)
}
useE
浏览 3提问于2021-05-07得票数 0
我有一个带有两个状态变量(itemsData和itemsCollections)的React函数组件。变量在useEffect方法中更新。但是在useEffect发生后，其中一个状态变量是null。
在切换setStateFunctions (setItemsData & setItemsCollect)调用顺序时，两个参数都会像预期的那样初始化。
怎么回事？
const MyComponent = ({itemsIds}) => {
const [itemsData, setItemsData] = useState([]);
const [itemsCollect
浏览 7提问于2019-07-14得票数 4
我正在尝试获取设备定位数据，并使用react获取API数据，但这似乎是冲突。
如果我能够获得设备方向数据，那么我就无法获得API数据(我认为当我能够获得设备方向数据时，服务器没有运行)，而当服务器运行时，我无法获得设备方向数据。由于服务器是用HTTP (而不是https )发送数据，所以我在本地服务器上尝试过，但仍然没有工作。似乎在使用react和useEffect时存在问题，但不确定。
const [alpha, setAlpha] = React.useState(0.0)
React.useEffect(() => {
const handleOrientation =
浏览 0提问于2019-06-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
