React状态未按预期更新
可能是由于以下几个原因：
- 组件未正确地处理状态更新：React组件的状态更新是通过调用
setState()方法来实现的。如果状态未按预期更新，可能是因为在setState()方法中没有正确地更新状态的值或者没有遵循React的更新机制。解决方法是确保在更新状态时，使用正确的值来更新状态。 - 异步状态更新：React的状态更新是异步执行的，这意味着在调用
setState()方法后，不能立即获取到更新后的状态值。如果需要在状态更新后执行一些操作，可以在setState()方法的第二个参数中传入一个回调函数，该回调函数会在状态更新完成后被调用。 - 不正确地使用生命周期方法：React组件有各种生命周期方法可以用来处理状态更新。如果没有正确地使用这些生命周期方法，就有可能导致状态未按预期更新。例如，如果将状态更新的代码放在
render()方法中，可能会导致不必要的渲染循环。正确地使用生命周期方法可以避免这些问题。 - 不正确地使用React Hooks：如果是使用函数式组件，并且使用了React Hooks来管理状态，可能是在使用Hooks时出现了问题。例如，没有正确地使用
useState()来声明状态变量，或者没有在正确的位置调用setXXX()来更新状态。确保正确地使用Hooks可以解决这些问题。
在解决React状态未按预期更新的问题时，可以使用腾讯云提供的相关产品来加速开发和部署流程，例如：
- 腾讯云云函数（SCF）：用于快速构建和部署无服务器应用程序。它可以帮助开发者实现函数级别的状态管理，从而更好地管理React组件中的状态更新。
- 腾讯云云开发（TCB）：提供全托管的后端服务，可用于存储和管理React组件的状态数据。它提供了数据库、存储等功能，方便开发者进行状态管理和数据存储。
- 腾讯云轻量应用服务器（Lighthouse）：可用于部署React应用程序的服务器。它提供了简单易用的部署界面和自动化运维功能，帮助开发者快速部署和管理React应用程序。
以上是针对React状态未按预期更新的一般性解决方法和腾讯云相关产品的介绍。具体解决方法和推荐的产品选择可以根据实际需求和情况来确定。
相关·内容
它的预期功能是，它只删除所单击的一个目标，但出于某种奇怪的原因，它决定onPress删除列出的所有目标。 我正在学习这个教程，https://www.youtube.com/watch?v=qSRrxpdMpVc，我在2:44:45左右卡住了。如果其他人已经完成了本教程，或者可以看到我的问题，请解释一下，我将非常感激。:) 程序 import React, { useState } from "react";
import {
StyleSheet,
Text,
View,
Button,
TextInput,
ScrollView,
FlatLi
浏览 14提问于2019-12-11得票数 0
我有一个问题，需要一些帮助。所以我有多个touchables或按钮，当按下时会自动向下移动。我使用相同的方法来移动所有按钮，并使用状态变量来区分哪个按钮被按下。这就是问题所在，如果我按下第一个按钮，它会正常工作，但当我按下第二个按钮时，它只会重置位置，但不会移动。我发现的另一件事是，如果我从最后一个按钮到第一个按钮开始操作，它会按预期工作。我已经发布了我的代码。任何帮助都是非常感谢的。 import React from 'react';
import {
View,
TouchableOpacity,
Animated,
Easing,
} from
浏览 20提问于2019-02-26得票数 0
回答已采纳
我有两个部件，一个放在另一个里面。子组件打印父组件传递的状态，并使用useEffect更新状态一次。在父组件中，我使用setState (一个具有布尔值的对象)并将状态传递给所有子组件。
父组件：
export default function App() {
const [state, setState] = useState({
one: false,
two: false,
three: false
});
return (
<div className="App">
<h1>Hello Co
浏览 4提问于2021-08-02得票数 3
回答已采纳
所以我是个新手，我做了一个计时器，在点击开始后会增加。类似地，我制作了一个停止按钮来停止计时器并将变量设置为0。但实际情况是，它又从0开始。 如果能帮上忙，我们将不胜感激。提前谢谢。 import React from 'react';
class Timer extends React.Component {
constructor() {
super();
this.state = {
secondsElapsed: 0
};
}
start = () => {
this
浏览 28提问于2021-04-20得票数 3
回答已采纳
React对我来说是个超级新手，我正在学习一些异步的概念。目前，有我注释掉的工作代码。您可以看到工作代码接受useState(0)。0作为值，而none working useState接受一个对象useState({ counter: 0})。为什么它会给我一个错误并输出对象Object1和NaN，而不是number期望的数字输出？ import React, { useState } from 'react'
const Async = () => {
const [currentState, setState] = useState({
浏览 17提问于2020-05-03得票数 0
回答已采纳
根据文档(https://react-hook-form.com/get-started#IntegratingControlledInputs)，我正在尝试使用Controller包装器组件在React Hook窗体中包装React Select <Controller
name="ShiftCaptain"
control={control}
render={({ field }) => (
<Select
浏览 25提问于2021-10-12得票数 0
回答已采纳
1回答
功能组件数组未按预期追加属性内容
、、、、
我想向<Feeds/>组件添加一个<TokenFeed/>功能组件数组。问题是，当我这样做时，将一些文本传递给我的<App/>的onClick()事件不能按预期工作。当单击数组版本的<TokenFeed/>时，它将替换我的<input/>文本，而不是附加到文本的末尾。 相反，当我在<Feeds/>的return中添加<TokenFeed/>的副本并单击按钮时，它可以正常工作。 我怎么才能解决这个问题呢？ Demo import React, { useState } from "react";
浏览 45提问于2021-11-17得票数 0
回答已采纳
4回答
我有一个非常基本的例子，我不知道我做错了什么。我有一个非常简单的计数器，我想把它的初始状态复制到另一个没有反应性的变量中，但是我做不到。
import { useState } from "react";
import "./styles.css";
export default function App() {
const [number, setNumber] = useState({ val: 10 });
const numberAssign = Object.assign({}, number);
const numberJSON = {
浏览 11提问于2021-10-28得票数 1
谁能给我解释一下为什么filter方法不能像预期的那样工作？我正在尝试使用基于名字的过滤结果来更新我的对象数组。 export default function App() {
const { data } = useDataFetcher();
const searchArray = data;
const [inputField, setInputField] = useState("");
const searchUser = () => {
searchArray.filter((el) => el.firstName.in
浏览 22提问于2021-10-19得票数 0
我有一个要从state中删除的选定值的数组。但我面临着一些问题，当我的函数被调用时，它会更新状态，在下一次删除时，它会删除错误的选定值。
我尝试使用react setState回调，但没有成功。
setState(updater, [callback])
代码-
removeItem = itemIndex => {
this.state.todoItems.splice(itemIndex, 1);
this.setState({ todoItems: this.state.todoItems });
};
onSelectedDelete = itemInd
浏览 4提问于2020-10-29得票数 2
我继承了一个旧版本的React，开头是这样的：
var rc = React.createClass({
render() {
// Ajax code, here, is called repeatedly for some reason
return {
...
}
}
})
我被这个旧的代码体系结构困住了，我无法导入React组件。我尝试使用jQuery对服务器端进行Ajax调用，并在控制台中看到了预期的结果。我曾尝试使用React进行Ajax调用，但没有返回任何结果，可能是因为缺少React组件。这就是我转而选择jQu
浏览 0提问于2020-10-27得票数 0
回答已采纳
3回答
我是第一次使用redux，一些微妙的东西正在我身上。
我有一个名为仪表板的容器，它显示两个SimpleTabs。一个简单的选项卡是一个组件，它被按下，并将一个数字返回给它的容器，用于按下项。我可以看到操作被分派、事件处理程序触发等，但是在mapStateToProps中接收的状态从来不包含项值。这可能是因为状态没有改变而使渲染永远不会被触发的原因。
注意:我使用了Ignite样板作为起点。它利用了还原酱油，所以DashboardRedux.js看起来可能有点不寻常。
Dashboard.js
import React, { Component } from 'react'
im
浏览 4提问于2017-10-02得票数 0
我正在尝试更新参数，然后在搜索函数中使用这些值。在我的代码中，调度没有按预期更新state.params。 import React, { useReducer } from 'react'
const SearchForm = () => {
let searchParams = {}
const initialState = {
params: {}
}
const reducer = (state, action) => {
switch (action.type) {
浏览 11提问于2019-09-20得票数 1
回答已采纳
Scegli组件被分配给App comp变量，然后在Apprender中呈现为变量。但是，分配的道具不起作用:如果我键入输入框，则该值将被冻结。
我做错了什么？
如果我只是将<Scegli>...</Scegli>直接移动到呈现中(而不给变量赋值)，它就会像预期的那样工作。
App.js
import React, { Component } from 'react';
import './App.css';
import Scegli from './components/Scegli';
class App exte
浏览 8提问于2020-08-20得票数 2
回答已采纳
2回答
我创建了一个上下文来共享在我的nextjs页面中“单击”变量的值，它似乎没有出现任何错误，但是正如您所看到的，即使在单击事件之后，变量的值仍然是假的。它不会变成真的。这是我第一次与上下文打交道，我做错了什么？我使用的是类型记录PS:在onClick事件之后，日志的数量增加了3或4，它是否不止一次被执行，但如何执行？
controlsContext.tsx
import { createContext, FC, useState } from "react";
export interface MyContext {
clicked: boolean;
chan
浏览 2提问于2022-02-24得票数 2
回答已采纳
我正在尝试更深入地学习函数组件的呈现周期。当我通过实验useEffect和useState来测试触发重新渲染的不同场景时，我遇到了一个连续更改状态(实际上，预期的无限循环)不会导致连续触发渲染的示例。 考虑下面或CodeSandbox上的代码示例：https://co5tj.csb.app/ 我真的希望渲染循环进入无限循环，但它并没有。 import "./styles.css";
import React, { useEffect, useState } from "react";
function App() {
const [myText, set
浏览 8提问于2021-04-18得票数 0
我正在尝试让react分级组件工作，但我得到了一些奇怪的行为。当我进行选择时(例如3颗星)，这些星不会保持选中状态。这就是我想要的方式:我有一个父组件(处理状态等)它调用了一个子组件。然后，子组件调用React-Rating组件。我这样做的原因是因为我想让这些评分组件在不同的地方可用；因此不需要重复代码。下面是我的代码。
//THIS IS FROM MY PARENT COMPONENT.
<Ratings onClick={newRating => this.setState({ rating: newRating })}/>
//THIS IS MY CHILD
浏览 6提问于2017-03-03得票数 0
1回答
我正在尝试构建一个具有搜索输入的父组件和包含搜索结果列表的子组件组成的本地React搜索。我已经创建了一个React状态对象，它包含搜索查询和搜索结果列表。当输入字段发生更改时，将运行搜索以生成新的结果集，并更新两个属性(查询和结果)。搜索输入正在按预期更新，但是尽管对其支柱进行了更新，子组件不会重新呈现。为了简洁起见，我删除了一些代码，但是如果您需要更多的信息，请告诉我。
export const Search = () => {
let [searchState, setSearchState] = React.useState({});
let handleChange
浏览 6提问于2020-11-13得票数 2
回答已采纳
我有一个reactJS应用程序，在这个应用程序中，我试图动态地呈现一些数据，然后用fetch()承诺读取这些数据。这是我的应用程序的代码：
import React from 'react';
import '../styles/app.css';
//think of react components as functions
class Testpage2 extends React.Component {
constructor(props) {
super(props);
this.state = {
浏览 1提问于2018-08-26得票数 0
回答已采纳
我有一个简单的组件示例，它使用useRef()来计算我的组件已经呈现的次数，使用useState()来维护一些状态：
const {useState, useRef} = React;
const App = () => {
const [counter, setCounter] = useState(0);
const renderCount = useRef(0);
const onClick = () => {
setCounter(1);
}
renderCount.current++;
alert("rendering");
浏览 4提问于2021-08-05得票数 3
我正在尝试使用toString将一个类临时输出到DOM。我得到了一些行为，我不明白被覆盖的toString()将总是输出初始状态的地方。但是，如果使用了外部函数(即stateToString)甚至JSON.stringify，则会像我预期的那样输出更新的状态。
下面是我试图最小限度地重现这种行为的尝试。再重申一次，我的预期行为是让它们最初输出：["initial"]，它们确实这样做了。但是，当单击该按钮时，toString()输出不会更新，但其他两个按钮会更新。
这似乎特别奇怪，因为stateToString和State.toString似乎是本质上相同的函数，除了一个将状态作
浏览 0提问于2020-01-09得票数 4
1回答
我们有一个react表组件，我们需要在不同的页面上进行选择。因此，我有一个Map来跨页面存储这些选定的行。但是为了操作选择，我有一个名为selections的类 class Selections {
eventMap = new Map();
addSelections(event) {
....
return this;
}
} 在react状态下，我实例化这个对象，并在添加或删除事件时更新状态。 // constructor
this.state = {
selections: new Selections()
}
function onT
浏览 36提问于2021-11-15得票数 0
我试图用react钩子动态地管理一个状态中的多个加载状态。 但是，当我根据api调用的结果(成功或错误)更新状态对象时，它会产生一个非常奇怪的结果。 如下面的代码示例所示，单击按钮将触发按钮的加载状态为true。 当我在按钮1发出呼叫时单击按钮1，然后单击按钮2(这里我刚刚模拟了超时)，它们都按照预期的顺序将其加载状态设置为true。 然后，在一段时间后，两个加载状态都被设置为false。 但是，然后两个调用都结束了，按钮1加载状态再次设置为真...！？ 我不知道如何才能解决这个问题，非常感谢您的帮助。谢谢。 https://codesandbox.io/s/usestate-async-t
浏览 10提问于2019-09-03得票数 1
3回答
当调用closehandler函数但状态没有更新时，我试图更新侧栏类。我该怎么做。
function RiderSidebar({ sidebar, close }) {
const [SidebarClass, setSidebarClass] = useState('sidebar')
const closeHandler = (e) => {
e.preventDefault();
console.log("closed click");
setSidebarClass("user-side-bar close&
浏览 1提问于2021-03-06得票数 4
回答已采纳
我面临一个非常奇怪的问题，在第一个日志中，我的响应会正确地返回，但是稍后当console.log(data);将数据记录到控制台时，它会更改为1。
截图显示了这样的模式：
如果在第一个数组下面展开表示data below from userEffect inside Gallery.js的数组，数据就会按预期显示。
然后是来自App.js的响应数组，它也按预期显示。
最后，响应神奇地从1内部转换为Gallery.js，我不知道如何转换。关于如何排除故障并解决未转换为1的问题，我已经没有选择了。
我做错了什么？我愿意接受任何代码改进和任何其他更好实践的建议:)。
这是App.js
im
浏览 1提问于2021-12-02得票数 1
回答已采纳
1回答
我正在尝试使用手动道具比较的React memo功能来优化我的React列表渲染。我已经生成了一个简单的“切换”按钮列表：
import React, { useState } from "react";
import "./styles.css";
import { Toggle } from "./Toggle";
export default function App() {
const [list, setList] = useState({ a: true, b: true, c: true });
const handleC
浏览 16提问于2020-05-14得票数 1
回答已采纳
我在做石头，纸，剪刀游戏。在下面的代码中，我有一个上下文文件，用于存储全局状态。我还展示了我的选择组件。当用户单击“选择”组件中的按钮时，将调用setChoices方法，该方法应在全局状态下设置用户选择和cpu选择变量。然后，运行cpuScore()方法以增加cpu得分(只是为了说明问题)。cpu按预期评分更新，但选择变量未更新。如果我不运行cpuScore方法，则选择变量将按预期更新，但显然不是分数。
//上下文文件
import React, { createContext, useState } from 'react';
const GameContext = cre
浏览 0提问于2019-07-08得票数 1
回答已采纳
3回答
我有3个组件依赖于它的父值和onChange发送值。
但
它总是0,1,0,1
预期行为应为0,1,2,3,4,5
我应该只使用props.value还是在每个组件中添加一个新的状态(如setValue )
import React, { useState, useEffect} from 'react'
const Grand=(props)=>{
const {onChange,value} = props
useEffect(()=>{
setInterval(()=>{
console.
浏览 5提问于2021-08-25得票数 1
回答已采纳
我在我的应用程序上使用了React上下文。 这是在我的提供程序文件中： // Initial State
const initialState = {
user: [],
monitors: '',
loading: true,
isAuthenticated: false,
};
function getMonitors(username) {
axios
.get(`/api/users/usermonitors/?user=${username}`)
.then((res) => {
dispa
浏览 26提问于2020-07-01得票数 0
回答已采纳
4回答
如果我想根据当前状态更新状态，我想知道使用哪种形式的setState。
React的setState以对象或函数作为参数。据我所知，下面的操作不像预期的那样工作，因为React批处理setState
state = {score : 0};
increaseScoreBy2 () {
this.setState({score : this.state.score + 1});
this.setState({score : this.state.score + 1});
}
更好的方法是
increaseScoreBy2 () {
this.setState(prevState =>
浏览 0提问于2018-07-31得票数 5
回答已采纳
3回答
我有如下代码，这些代码正在按预期工作：
import React, { Component } from 'react';
let result = null;
class MyData extends Component {
_getData = () => {
fetch(url)
.then(response => response.json())
.then(data => {
result = items.find(
item => item.id === 'ab
浏览 0提问于2019-12-06得票数 1
回答已采纳
我有一个表单，用户可以在其中看到数据(在加载时通过异步返回)并内联编辑数据。如果我通过链接从另一个页面导航到表单，表单将按照预期的方式工作，因为数据是在主呈现函数之前加载的，但是，如果我刷新页面上的表单，尽管数据是通过道具填充的，数据还是没有被正确填充。
所以：Initial render with loading div -> Data comes back -> Props set -> Render fires -> State is set
由于表单上的输入具有从this.state设置的初始值，因此它们在第二次呈现时为空白。但是，如果我从另一个页面导航到这里，
浏览 2提问于2017-06-08得票数 0
回答已采纳
我在Main组件中有以下内容；
<Routes>
<Route path="/forum/*" element={<Forum />} />
</Routes>
在Forum组件中
<Routes>
<Route path=":topicName" element={<QuestionFeed />} />
</Routes>
当我第一次导航到/forum/programming时，路由器会像预期的那样呈现。但单击Link后，只有URL更新和组件不重新
浏览 6提问于2021-12-28得票数 0
回答已采纳
1回答
Redux-本机集成未按预期工作
、、、、
我试图将Redux与我的React Native代码集成在一起，但由于某些原因，输出并不像预期的那样。 我期望有效负载(在本例中为‘Action.JS’)在主screen...but上动态显示，而不是在主屏幕上显示"(this.props.user)“。 有没有人能建议。 这就是我正在尝试的 App.js import React from 'react';
import NavigationContainer from './navigation/RootNavigator';
import reducers from './redux/re
浏览 20提问于2020-11-02得票数 0
我想知道我是否可以在同一个函数中多次使用setState钩子。例如，像这样
import React, { useEffect, useState } from 'react';
function(props) {
const [color, setColor] = useState(0)
const [size, setSize]= useState(0)
const [weight, setWeight] = useState(0)
const onClickRandomButton = () => {
setColor(Math.random() * 1
浏览 35提问于2020-02-28得票数 15
回答已采纳
1回答
我使用的是最新版本的create-react-app、mobx-react、material-ui和react-router。当我尝试使用Redirect组件重定向到其他组件时，它不起作用。然后我遵循这个answer，问题仍然存在。 我的代码： //App.js
// other imports
import { withStyles } from '@material-ui/core/styles';
import Cart from "./stores/Cart";
const cart_counter = new Cart();
class Ap
浏览 12提问于2019-03-19得票数 1
回答已采纳
1回答
在下面的代码中，在Game.js的第一个div中，显示的字符属性"hp“在输入新输入时更新。这就是我想要的。但是，在第二个div中，即使在Character.js的输入字段中键入某些内容时，呈现的值仍保持在13的初始值。我该怎么解决这个问题？我想根据Game.js中HP的值进行处理，但它的值似乎从未更新过
----------- Game.js -----------------
import React, { Component} from 'react'
import Character from './Character.js';
import &
浏览 1提问于2022-05-21得票数 0
2回答
我有一个组件，当它可见时，我希望每10秒查询一次API。当组件关闭/不可见时，我希望停止轮询。 我的问题是，即使在组件被隐藏之后，轮询仍在继续。无论我在做什么，我的代码都无法识别新更新的状态变量。 const DisplayState = Object.freeze({
DisplayGroupNamesForSelection: 0,
DisplayLogStream: 1
});
export default function LogStream({ isOpen }) {
const [currentState, setCurrentState] = useS
浏览 7提问于2020-10-28得票数 0
回答已采纳
dnd Hook Api，并且想要调用父组件回调函数来更新useDrop drop函数中的状态，但是我只能从初始化状态更新父状态。 这里有一个例子，不管我怎么把div放到dropTarget中，计数总是更新为1，但是当点击按钮时，它可以像我预期的那样更新，为什么会发生这种情况？如何解决这个问题呢？ https://codesandbox.io/s/reactdndexample3-gpc61?fontsize=14 import React, { useState } from 'react';
import { __EXPERIMENTAL_DND_HOOKS_THAT_M
浏览 92提问于2019-05-17得票数 2
回答已采纳
我有一个存储，它为我提供了密码对象数组，例如：
const passwords = [{
id: 'hjgkjhkjl',
password: 'jhckjdhf',
createdAt: 'jan 3rd, 2019'
},
{
id: 'uygkjhkj',
password: 'kdjhfkjdhf',
createdAt: 'jan 3rd, 2019'
}
]
我可以在我的组件中以this.props.passwords身
浏览 47提问于2019-01-04得票数 0
回答已采纳
1回答
我在vuex store中为数组中的对象动态添加了一些属性。我正在观察状态的变化，一旦状态发生变化，我就会运行一个方法，该方法将根据需要添加属性。
watch: {
todayMeetings(newMeetingList, oldMeetingList) {
//alert();
this.addLine(newMeetingList);
}
}
addLine(newMeetingList) {
var isFirst = true;
for (var meeting of newMeetin
浏览 0提问于2020-09-02得票数 0
2回答
编辑：
在问这个问题之前，我在代码中犯了一些愚蠢的错误。我现在意识到，这个问题可能不会像我所说的那样对任何人有用，实际上是误导人的。向那些回复的人表示歉意并感谢你们。
我目前正在学习“反应本地人”，并遇到了一些不直观的行为。据我所知，useEffect钩子可以用来确定组件的生命周期(即当它挂载和卸载时)。当我更新组件中的状态(在本例中为“ComponentX”)时，整个组件似乎重新装入。我不认为这是有意的行为。如果有人能告诉我，如果是这样--或者我做错了什么，导致了这一切--那将是非常有帮助的！谢谢。
预期行为：组件不卸载和重新装入。
实际行为：组件在每次状态更改时重新装载。
import
浏览 2提问于2021-05-11得票数 0
我使用带有<select>的react-hook-form来检测select中的更改，但是在填充select之后，该手表最初的值是错误的。 下面是一些代码来说明这个问题： import React, { useState, useEffect } from 'react';
import { useForm } from "react-hook-form";
function App() {
const { register, watch } = useForm();
const watchFoo = watch("foo"
浏览 31提问于2021-10-14得票数 0
回答已采纳
2回答
下面的超级简单代码不像预期的那样工作。
我正在使用反应和注射/提供道具通过redux商店。我的理解是在React组件中存储注入道具。
要使这个组件正常工作，为什么我同时需要line1和第2行？
import React from 'react';
import './sytles.css';
import { fetchUsers } from "./actions/userAction"
import { connect } from "react-redux"
@connect((store) => {
ret
浏览 4提问于2017-12-25得票数 1
回答已采纳
我是reactjs的初学者。我尝试了一些例子。下面是我正在编写的一个程序，但是getDefaultProps和getInitialState并没有像预期的那样工作。
当我没有为Greeter组件指定任何name prop时，getDefaultProps不会返回默认名称。当我指定getInitialState时，我的表单不会显示。
var Greeter = React.createClass({
getDefaultProps: function() {
console.log(this.props);
return
{
name: "Rea
浏览 2提问于2018-05-01得票数 2
我正在尝试重新排列一个状态两次，但是，该状态仅在最后一次useState时生效，我可以使用什么来多次重新排列一个状态？ 代码如下： import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App() {
const [array, setArray] = useState([6,2,5,4,1]);
// async update from useEf
浏览 31提问于2021-01-22得票数 2
回答已采纳
5回答
理解异步反应呈现
、、
我刚开始学习React，我想知道为什么下面的代码不能像预期的那样工作。我以为它会显示The numbers: 0123，但它只显示0。对于基于类的组件，我也使用了相同的方法，使用钩子和我仍然得到了相同的结果。我对使用异步代码的react呈现有什么不理解的？
import React from "react";
import ReactDOM from "react-dom";
function App() {
let numbers = [0];
fetch("some.url")
.then(res => res.js
浏览 0提问于2019-03-13得票数 5
回答已采纳
请详细解释此代码导致错误的原因。我已经阅读了关于这个问题的解决方案的文章(const counters = ...prevState.counters;)。但我不清楚为什么会发生这种情况。
当您单击该按钮时，您会看到计数器递增两倍。我们预期增量为1。为什么变异prevState会导致计数器增量为2？
// App.js
import React, { Component } from 'react';
import Counter from './Counter';
export default class App extends Component {
浏览 0提问于2021-10-04得票数 0
对于使用状态{ key: bool }的这个React组件，当单击不同的选项时，为什么不从新状态中省略现有的状态键？
var Hello = React.createClass({
getInitialState: function() {
return {};
},
render: function() {
return (
<div>
<div onClick={this.handleClick.bind(this, 'foo')}>Foo</div>
<
浏览 7提问于2016-03-16得票数 2
回答已采纳
1回答
我正在做一个小的概念验证项目，使用React和Redux，以及useSelector和useDispatch挂钩。我正在尝试异步获取一些数据，为此我使用了thunks。我想我在概念上漏掉了一些东西。即使我的状态像预期的那样工作，我也不能使用useSelector从api获取数据。
下面是代码。我的行动：
import axios from "axios";
export const API_FETCH_POSTS = 'API_FETCH_POSTS';
export const fetchPosts = (postId) => { // to sim
浏览 7提问于2021-03-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
