React - .reduce()可以像useState()一样更新吗？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

React - .reduce()可以像useState()一样更新吗？

javascript、reactjs

它不会更新。但是我显示“总价格”的部分没有更新。我曾尝试使用useState()来处理此部分，但没有成功。它和JavaScript的.reduce()完全一样吗？ele.size) let totalPrice = ca

浏览 13提问于2021-05-24得票数 0

回答已采纳

1回答

在react函数组件中通过字符串动态设置变量

javascript、reactjs、react-component

我想使用react query库，但是这个库只能在功能组件中使用。我目前有一个类组件，它基于字符串动态地设置字段的状态。简单地说，实际上它从REST调用中获取字段，每次都会产生不同的字段，这就是为什么它需要动态)： constructorthis.state[x] = ""; } ...但是，由于钩子不能在循环、嵌套函数或回调函数中使用，所以我没有一种动态设置状态的方法： <e

浏览 2提问于2021-03-06得票数 1

回答已采纳

2回答

React Hooks --未捕获的不变冲突:对象作为React子级无效

javascript、reactjs、react-hooks

在我的带有功能箭头组件的应用程序中，我使用父组件中的useState钩子设置了display的状态，并将其作为道具传递给子组件。在父组件中，我尝试在div中呈现display状态。在控制台中，我收到一条错误消息，显示"Uncaught Violation:对象作为React子级无效(found: object with keys {display})。www.myinstants.com/media/sounds/snare.mp3' },]; const App

浏览 24提问于2019-09-25得票数 0

回答已采纳

3回答

条件JSX在未满足条件的情况下呈现

reactjs、emotion

一个简化的例子：console.log(stateobject'adding在map之前使用相同的state &&条件console.log(state)打印null，但console.log(typeof state)打印object；在任何时候state都没有更新我使用的是@emotion/re

浏览 0提问于2021-02-19得票数 1

3回答

“从”react“导入{ useState* }”是一种变形吗？*

javascript、ecmascript-6、es6-modules、destructuring

在React中，我们经常使用import {useState, useEffect} from 'react'。我们能把这看作是ES6中的一个破坏性特性吗？

浏览 4提问于2020-09-09得票数 5

回答已采纳

2回答

将多个反应状态组合成一个变量

reactjs、react-hooks

我正在进行一个React项目，在那里我可以使用useState钩子在屏幕上隐藏/显示多个元素。示例 const [numberLabel, numberLabel] = useState(true); const [arrival, setArrival] = <e

浏览 0提问于2020-05-27得票数 0

回答已采纳

2回答

我能更新一下道具的状态吗？

javascript、reactjs、react-redux、react-hooks

我们能改变道具的状态吗？例如，我有2段代码import React, { useState } from 'react' print.js import<e

浏览 5提问于2021-12-29得票数 -4

回答已采纳

3回答

React -在空数组上使用状态

javascript、reactjs

我真的很困惑如何在React中对空数组执行useStateimport text from "./text.js"; let allTheWords() => { theWordCount = Object.entr

浏览 3提问于2021-10-14得票数 1

3回答

功能组件不重命名，甚至在useEffect依赖项更改时传递[sum]

javascript、reactjs、react-native、react-hooks

即使单击按钮，sum变量也会更改为29.98，但是尽管我使用的是useEffect钩子，并且我已经将依赖项添加为[sum]，所以如果num的值更改了let sum = 0，正如我单击按钮一样，和现在变为29.98，所以应该会重新呈现，我现在应该在UI上看到更新的值，但它仍然显示0，我认为组件没有Rerender。import React, { useEffect } from 'react'; import '.

浏览 3提问于2021-12-26得票数 1

回答已采纳

1回答

React js reduce错误:类型错误: produts.reduce不是函数

node.js、reactjs

我不知道是什么导致了错误TypeError: products.reduce不是一个函数代码import React, {useState, useEffect} from 'react'; const getTotal = () => { return products.reduce

浏览 23提问于2021-05-17得票数 0

回答已采纳

2回答

从其子函数触发反应父函数组件中的函数

javascript、reactjs

父组件：import Child from "./Child"; const [buttonState, setbuttonState] = useState({ </di

浏览 1提问于2021-01-13得票数 0

回答已采纳

3回答

react不呈现最新值

reactjs、typescript、use-effect、react-dom

get函数正在useEffect中调用(您可以在屏幕截图中看到这一点)。有什么问题吗？在最后一张照片中，我们可以看到另一种方式来显示没有问号的数据，但是它也不能正常工作，即使数组的长度大于0，它仍然不显示data[0].value。获取数组中的第一个元素：浏览器结果(在“：”之前，我们应该看到data[0].value)：替代方式(当数据不是空的时候，我们应该看到数组中第一个对象的值)：我还展示了我们的代码i

浏览 1提问于2021-09-15得票数 0

回答已采纳

1回答

更新React中对象状态的特定字段

reactjs、object、react-hooks、react-functional-component、react-state

我使用的是，在这里，我只想更新状态的一个特定字段，并像以前一样保留其他值。这是状态初始化- a: "5",});setValue(currValue => ({ a: "7"这样做不

浏览 2提问于2022-04-05得票数 3

回答已采纳

1回答

Redux模拟组件更新

javascript、reactjs、redux

当变量改变值时，更新组件的最有效的(功能)反应方式是什么？程序中某个地方的代码(我无法控制)改变一个变量，例如，一个数组以"Redux“兼容的方式(即返回一个新的引用)。

浏览 6提问于2022-05-08得票数 -1

2回答

尝试使用“”useState“”时，React* too many重新呈现错误*

reactjs、react-hooks、use-state

selectors.getCountry) const [newName, setNewName] = React.useState

浏览 7提问于2020-09-19得票数 1

回答已采纳

1回答

使用onChange在功能组件中设置状态时出现NumberPicker循环

reactjs、numberpicker、react-functional-component、react-widgets

我正在尝试将一个react-widgets NumberPicker包装在一个功能组件中，该组件在onChange触发时更新状态。当我点击选择器的向上或向下箭头时，它开始闪烁，就像在一个refersh/rerender循环中一样。我已经将代码简化为以下代码，它为我复制了错误。我正在使用React 16.13.1、react-widgets 4.5.0、react-widgets-simple-number 4.1.24 import React, {

浏览 23提问于2020-04-10得票数 0

1回答

运行时显示每个测试的状态

javascript、reactjs、ecmascript-6、lifecycle

对于每个测试，当运行回调函数时，状态(testStatus)都会更新。console.log(testStatus)记录以下内容但我对如何访问它们并相应地更新UI一无所知。import React from "react";import tests from "../constants/tests/tests"; class TestsList extends Re

浏览 0提问于2019-10-02得票数 0

2回答

未更新react钩子中的变量

reactjs

我在使用react钩子时遇到了问题，当我在另一个函数中调用一个函数时，被调用的函数包含前一个状态的值，而不是使用Reactive钩子更新的值。以前，在使用类更新回调中的状态值时，我可以调用一个函数，它已经处理了更新的状态。如何执行第二个函数，以确保它将处理更新的状态值？谢谢 const [nume

浏览 4提问于2020-07-21得票数 0

回答已采纳

2回答

反应钩-我应该使用'useState‘来表示状态不变吗？

javascript、reactjs、react-hooks

当我最初学习React时，总是被告知将、everything、放在this.state中。不管是一些经常更新的数据，还是一些根本不更新的数据。但是，在实现React时，即使状态不更新，我也不确定应该使用useState多久一次。第二个状态是永远不会更新的formSchema。最后，第三种状态是每个输入的参考，这些输入也将永远不会被更新。我的问题是：是更有意义的只有一个状态的validInputs，因为它经常更新，然后为formSche

浏览 0提问于2019-05-28得票数 1

回答已采纳

1回答

不需要在这个介绍性的示例代码中使用useEffect？

reactjs

在React文档( )中，我找到了以下示例代码： document.title = `You clicked ${count或者在这里使用useEffect有什么好处吗？

浏览 0提问于2020-02-22得票数 1

点击加载更多