React状态对象中的值发生奇怪的变化
在React中，状态对象（state object）是组件中用于存储和管理组件状态的数据结构。当状态对象中的值发生奇怪的变化时，可能是由以下几个原因引起的：
- 错误的状态更新：可能在更新状态时出现了错误。React中推荐使用
setState方法来更新状态，并且在更新状态时确保使用正确的值。 - 异步更新：React中的状态更新是异步的，这意味着在执行
setState方法后，状态并不会立即改变。如果在状态更新之前，立即读取状态值，可能会看到奇怪的结果。为了解决这个问题，可以使用回调函数或componentDidUpdate生命周期方法来获取最新的状态值。 - 对象引用问题：如果在状态对象中存储了一个对象，并且直接修改了该对象的属性值，而没有使用
setState方法进行更新，可能会导致奇怪的变化。为了解决这个问题，应该始终使用setState方法来更新对象类型的状态，并且使用不可变性原则来创建新的对象。 - 不正确的组件设计：奇怪的状态变化也可能是由于不正确的组件设计导致的。在React中，应该将状态放在最小化的组件中，并确保状态更新的逻辑正确。
针对React状态对象中值发生奇怪变化的情况，腾讯云提供了一系列云原生产品和服务，可以帮助解决相关问题，例如：
- 腾讯云云服务器（CVM）：腾讯云提供高性能、可扩展、安全可靠的云服务器，可用于部署和运行React应用程序。产品介绍链接
- 腾讯云云数据库MySQL版（CDB）：腾讯云提供稳定可靠的云数据库服务，可用于存储和管理React应用程序的数据。产品介绍链接
- 腾讯云函数计算（SCF）：腾讯云提供事件驱动的无服务器计算服务，可用于处理React应用程序的后端逻辑。产品介绍链接
- 腾讯云内容分发网络（CDN）：腾讯云CDN加速服务可以提供快速、安全的内容分发，可用于加速React应用程序的静态资源加载和访问。产品介绍链接
请注意，上述链接仅为腾讯云相关产品的介绍页面，如果需要详细了解每个产品的优势、应用场景和具体使用方法，请参考腾讯云官方文档或联系腾讯云客服团队。
相关·内容
1回答
我有一个应用程序，可以让用户扫描并连接到BLE设备。如果用户点击了扫描结果，我希望在连接过程中，设备旁边会显示一个微调器。
我正在使用Redux来跟踪已发现和连接的设备。主App组件与redux-react连接，并将相关的状态位传递给其子组件。
其中一个子节点是扫描结果列表，该列表依次将一个设备传递给它的每个条目。扫描列表项如下所示：
class DeviceListItem extends Component{
render = () => {
return <TouchableOpacity onPress={this.props.onPress}>
浏览 16提问于2019-07-21得票数 0
我正在使用react Rails gem来使用ReactJS for Rails。奇怪的是，如果在呈现React组件时设置非空值属性，则输入字段将不会收到任何键盘事件。
这不管用！
React.DOM.input
type: 'text'
className: 'form-control'
value: "ABC"
但它很管用
React.DOM.input
type: 'text'
className: 'form-control'
value: ""
伙计们有什么想法吗？
浏览 3提问于2016-01-11得票数 1
回答已采纳
2回答
假设当我的React运行时，它连接到一个MQTT代理，其中数据被发送到应用程序。然后，这些数据存储在一个看起来像这样的对象中：
var data = {
shoeColor1: 'blue',
shoeColor2: 'red'
shoeColor3: 'orange'
}
下面的React组件显示该数据。
import React, {Component} from 'react';
import { Button } from 'react-native';
export
浏览 4提问于2021-03-08得票数 0
回答已采纳
在onChange事件处理程序中，我只对setState()调用userTxt，但它似乎也设置了颜色对象的状态。奇怪的是，这只发生在颜色对象上，而不发生在年龄变量上。
想知道有人能不能解释一下为什么会这样？。
我希望有人能向我解释一下为什么会发生这种事。先谢谢你。
import React, { Component } from 'react';
export default class Hello extends Component {
constructor() {
super();
this.handleMe = this.handleMe.bin
浏览 7提问于2017-09-30得票数 0
回答已采纳
1回答
我有一个父组件，我想使用它来动态添加和删除有状态组件，但是发生了一些奇怪的事情。
这是我的父组件，以及我控制FilterBlock列表的方式
import React from 'react'
import FilterBlock from './components/FilterBlock'
export default function List() {
const [filterBlockList, setFilterList] = useState([FilterBlock])
const addFilterBlock = (
浏览 7提问于2021-02-15得票数 2
回答已采纳
我有下一个问题。
是否可以共享一个在上下文中使用的状态部分，而不需要每次在整个状态变化而不是这个部分发生变化时呈现它呢？(不通过道具)
这是一个代码示例(使用道具)，但我希望使用“状态部件的useContext”，而不必每次全局上下文发生变化时呈现：
container.tsx
export const App: React.FunctionComponent<AppContextProps> = props => {
const [appState, appDispatch] = React.useReducer(reducer, initialAppState);
浏览 1提问于2019-06-11得票数 0
回答已采纳
最近，我正在练习我的反应技巧，并试图建立一个简单的组件，我陷入了一个混乱的局面。
下面是代码，我想知道为什么我的react页面在取消转换后不呈现数据(应该呈现Select选项)，我对它做了一些研究，并且我知道问题是闭包()，但是如果是这样的话，我仍然很困惑，如果是这样的话，当它去useEffect时，它是原始数据，我取消它，然后setState应该更新数据。
我知道我可以通过在useEffect和setState中创建一个临时变量来修复它，但是我仍然不知道它是如何工作的，以及场景背后发生了什么。
import React, { useState, useEffect } from "r
浏览 4提问于2022-04-04得票数 2
回答已采纳
我是个新手，我不清楚input标签中onChange和value之间的关系。如果onChange使用带有空value useState更新了上面声明的任何变量，则会导致错误。为什么会发生这种情况？我认为示例代码清楚地说明了我的问题，所以这里有一个示例。
from React, { useState } import 'react'
function example() {
const [example,setExample] = useState('');
return (
<input type="text"
浏览 0提问于2020-08-24得票数 0
1回答
我有一个组件，当我单击它切换isMenuActive状态的按钮时，问题出现在实现useEffect内的函数时，原因很奇怪，当我试图访问closeTooltip函数中的isMenuActive值时，它总是反映false，尽管isMenuActive的值已更改为true。
import { useState, useEffect, useRef } from "react";
import Tooltip from "./Tooltip";
export default function Navbar() {
const [isMenuActive, setI
浏览 2提问于2022-04-28得票数 0
回答已采纳
下面是我的代码：
function State(){
var [msg,set_msg]=React.useState("hello") //not rendered, just to force render
var [data,set_data]=React.useState({version:1})
function onClick(){
set_msg(x=>x+'x') //just to force render
data.version+=1 //changing state in place, but it still
浏览 0提问于2021-01-13得票数 2
回答已采纳
这是每个REACT开发人员做的最常见的事情……我们使用redux store来维护应用程序模型，如果我们想要使用store信息，我们必须使用subscription (connect()方法)创建一个属性对象，其中mapStateToProps创建一个克隆的只读版本的存储对象来响应PROP。这还没有结束，因为accessible属性是只读的，我们继续使用setState()创建另一个实例来反应同一对象的状态(使其可写)，这是同一对象的另一个克隆版本。我们最终创建了同一对象的多个版本，奇怪的是，我们可以在其他人不知道的情况下继续改变这三个对象中的任何一个，这可能是一个真正的浩劫……我们有什么方法
浏览 0提问于2018-06-09得票数 0
1回答
在使用Context API进行React时，我很难理解关于非故意重登的“注意事项”一节：
具体来说，当提供者每次重新呈现“”时，是什么意思？这里的“提供者”指的是给定示例中的App组件吗？如果是，这种情况是否每次在应用程序组件中的组件发生更改时发生？如果不是，考虑到App是最外层的组件，它什么时候会重新呈现？
在我自己的代码中，我在这个上下文提供程序中将我的所有组件包装在App.tsx文件中(或者更确切地说是_app.tsx，因为我使用了NextJS)：
return (
<TooManyRequestsContext.Provider value={{
onTooMan
浏览 2提问于2022-08-29得票数 1
回答已采纳
1回答
在Piano组件中，我使用钩子(useWindowDimensions())获取窗口的尺寸。在useEffect中，每当窗口宽度发生变化时，我都希望呈现组件。
每次宽度发生变化时，它都会重新呈现组件(因为keyData依赖于它，并且它在dependencyList中)，但是没有在初始呈现中呈现。所以组件在我调整窗口的大小之前不会呈现。
下面的代码是Piano组件。
const svgRef = React.useRef(null);
const svgEl = d3.select(svgRef.current);
const { width } = useWindowDimensions()
浏览 4提问于2021-10-01得票数 0
回答已采纳
有这样一个简单的反应应用程序：
import React, { useState, useRef, useEffect } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App() {
console.log("App")
const [inputValue, setInputValue] = useState(0);
return (
<>
<input
浏览 5提问于2022-05-05得票数 1
那么，为什么在这个场景中响应调用呈现：
class MyComponent extends React.Component {
constructor(props) {
this.state = {
user: { name: 'john' },
};
}
render() {
return (
<div>
Name: {this.state.user.name}
<button onClick={() => {
const user = this.state.user;
user.n
浏览 1提问于2018-09-11得票数 6
回答已采纳
我正在将项目从类组件切换到功能组件，并在使用上下文时遇到问题。
我有一个父布局，其中包含一个打开和关闭的导航菜单(通过父进程中的状态变化)。此布局组件还包含我通过上下文传递的用户属性。
在切换到功能组件和钩子之前，一切都进行得很好。
我现在看到的问题是，当从布局组件(父组件)打开nav菜单时，它会导致子组件重新呈现。如果上下文发生变化，我会期待这种行为，但事实并非如此。只有在将useContext添加到子节点时才会发生这种情况。
我正在导出带有备注的子程序，并试图用备注包装一个容器，但这没有帮助(实际上，它似乎会导致更多的呈现)。
下面是代码的大纲：
AppContext.tsx
export
浏览 0提问于2021-08-05得票数 0
回答已采纳
我目前正在尝试创建一个交互式评论部分，允许用户评论、回复和喜欢/不喜欢他人的评论。由于无法在组件中更新“喜欢”的值，所以当前我一直停留在“喜欢”/“向上投票”部分。
下面是我的Comment组件(它表示注释部分中的一个注释)：
import { useState } from "react";
const Comment = ({
upvotes,
image,
username,
isUser,
replies,
createdAt,
id,
upvoteMethod,
}) => {
const [score, setScore]
浏览 3提问于2022-05-07得票数 1
回答已采纳
当状态发生变化时，组件的更新程度如何？比方说，当状态A发生变化时，我可以读取render in组件的控制台日志。我想知道语句useState发生了什么，因为初始值被设置为1，因为不应该忽略初始值。当我调用someFunction时，a现在变成2，但是如果发生重命名，那么const a，setA = useState(1)会发生什么呢？
对于useEffect，当状态A发生变化时，我也认为useEffect是重新声明的(当然，依赖关系已经改变了！)，但是以前声明的useEffect版本会发生什么呢？
每当我单击该按钮时，都会生成useState和useEffect的新版本，这些对的旧版本会发生什
浏览 0提问于2021-04-09得票数 3
回答已采纳
演示我的问题的视频：
我有一个简单的应用程序，您可以添加卡到两个不同的行。当一张卡片被添加到一行时，我使用react-transition-group来触发一个"enter“动画。
但是，我还安装了react-beautiful-dnd，以便在行之间启用拖放卡，并重新排序行本身。但是当一张卡片被移动到一个新的行，或者当行被重新排序时，一些卡片有他们的“进入”动画火，这看起来很奇怪，不应该发生。
拖动时，不需要的动画将在
A卡被拖到不同的行。A行被重新排序，2行有不同的卡号。
奇怪的是，当不想要的动画发生时，不是
A卡被拖到原行中的一个新位置。，行被重新排序，行有相同数量的卡片。
我想知
浏览 0提问于2020-02-23得票数 9
回答已采纳
我偶然发现了一个对我来说很奇怪的问题，但很可能很容易解释。
演示
让我们假设下面的React组件
import React, { useState, useEffect, useCallback } from "react";
export default function App() {
const [test, setTest] = useState();
const doSomething = () => {
// TODO: Why does this returns the inital state value? Hoisting?
c
浏览 1提问于2020-12-08得票数 0
回答已采纳
我被一些行为搞糊涂了，想知道是否有人能帮上忙。我有一个React组件，它根据通过props传入的过滤器来获取电影数据。使用console.log，我可以看到我的componentDidMount()只被调用了一次，但是每次由于接收到不同的属性而重新呈现组件时，只在componentDidMount()中设置的状态变量会发生变化。我的代码相当长，所以我不想全部发布，但如果需要的话，我可以。引起我困惑的代码片段如下： class MoviesList extends React.Component {
constructor(props) {
super(props);
浏览 21提问于2020-04-07得票数 0
回答已采纳
3回答
根据redux的文档，reducer总是给出一个新的状态副本。在一个连接的组件中，react-redux对mapStateToProps中提到的属性进行了简单的比较(旧的和新的属性)。
我的困惑是，因为redux总是提供状态的新副本，所以react-redux所做的浅层比较应该总是给出false，并且组件应该总是重新呈现。但这并没有发生。
有人能解释一下我错过了什么吗？
我认为在mapStateToProp中读取的所有属性都是对象。
浏览 0提问于2019-05-19得票数 4
为了方便演示，我在中简化了我的问题。把这个计数器类想象成一个更复杂的外部Lib。
解释
我有一个类，它的属性为count，方法将增加该计数。
interface Counter {
count: number;
increment(): void;
autoIncrement(): void;
}
export class MyCounter implements Counter {
public count: number;
constructor() {
this.count = 0;
}
public increment() {
this
浏览 6提问于2022-01-13得票数 1
1回答
看看Facebook的react示例，我发现这段代码展示了如何使用mixins来设置时间间隔。我对this.intervals发生了什么感到困惑。我理解状态保存着改变呈现的数据，道具处理从父组件传递的数据，理想情况下。我本来会使用this.props.intervals，但两者之间有什么区别呢？
var SetIntervalMixin = {
componentWillMount: function() {
this.intervals = [];
},
setInterval: function() {
thi
浏览 4提问于2016-04-15得票数 0
回答已采纳
我有这段代码。
import React, { useState, useEffect } from 'react';
export default function Example() {
const [object, setObject] = useState({
count: 0
});
const onClick = () => {
setObject(old => {
old.count = old.count + 1;
return old;
});
};
return (
<di
浏览 0提问于2019-07-15得票数 2
回答已采纳
React State和Javascript对象之间的区别是什么？当状态改变时，dom会自动改变，当对象改变时，dom也会改变。
浏览 15提问于2019-11-03得票数 0
1回答
在某些情况下，React似乎不会将状态更改传播到子组件中。
最小示例
我试着把我观察到的行为归纳成我能找到的最小的测试用例，但结果还是很大。真对不起。
class Inner extends React.Component<{ value: number }, { value: number }> {
constructor(props: { value: number }) {
super(props);
this.state = { value: props.value };
}
render() {
return <span>
浏览 0提问于2015-09-27得票数 0
回答已采纳
我有一个关于这个问题的jsbin：
在一个onClick事件中，我将从模型中删除一个元素，并重新呈现应用程序。但奇怪的是，在componentWillReceiveProps() (以及componentWillUpdate和componentDidUpdate也一样)中，nextProps总是=== to this.props，不管我做什么。
/** @jsx React.DOM */
var Box = React.createClass({
render: function() {
return (
<div className="box"
浏览 5提问于2014-07-28得票数 25
回答已采纳
我创建了一个自定义的react组件。当在用户操作上更改复选框时，我能够获取复选框的状态。但是，当我调用组件并将检查状态设置为支柱时，我无法设置检查状态。这是我的密码
import React, { FunctionComponent, SyntheticEvent, useState } from 'react';
import nanoid from 'nanoid';
import classNames from 'classnames';
import { mapToCssModules } from 'utils'
浏览 4提问于2020-04-04得票数 1
1回答
为什么React本机单功能组件中基于react钩子的回调总是接收isNameInvalid变量的不推荐值？
在下面的示例中，onChangeText回调总是接收False，即使它发生了更改。上面的console.log显示了正确的值。
为什么会发生这种情况，如何解决呢？是关于闭包的吗？
我认为回调在每次重新呈现时都会重新创建自己，因此我希望它能够接收到正确的值。
import * as React from 'react;
import { View, TextInput } from 'react-native'
export default function C
浏览 4提问于2020-07-20得票数 1
2回答
useState中的choice变量并不总是更新。在下面的代码中，我展示了上下文文件和我的选择组件。上下文文件保存我的react应用程序的全局状态，并向choices组件传递setChoices方法以更新GameContext中的状态。我的setChoices方法应该更新每个选项的值，但状态只是随机更新，而不是每次都更新。
//GameContext file
import React, { createContext, useState } from 'react';
export const GameContext = createContext();
const Ga
浏览 25提问于2019-07-08得票数 0
我有一个React组件，它的状态中有一个非组件类对象。现在，我正在使用React组件来显示其他对象的一些字段。我还希望每次非组件类对象中的显示字段发生变化时，react组件都会重新呈现，以显示新的更新字段。我该怎么做呢？ class ReactComponentClass extends React.Component {
constructor(props) {
super(props);
this.state = {
myObj: new SimpleJSClass()
}
}
rende
浏览 20提问于2019-12-18得票数 0
回答已采纳
1回答
我试图使用React.memo()阻止不必要的FlatList项目渲染，但我遇到了一些奇怪的行为。提供前一个道具和下一个道具的回调始终具有相同的值，即使它们在链的更高位置发生了更改。
export default React.memo(PersonCell, (prev, next) => {
reactotron.log(`prev ${prev.person.name}: is checked${prev.person.isChecked}`)
reactotron.log(`next ${next.person.name}: is checked${next.person.
浏览 0提问于2019-10-06得票数 1
我有一个问题，当我通过父组件更改一个支柱值时，子组件不会被重新呈现。
父组件：
import React, { useEffect, useState } from 'react';
import "./style.scss";
import DeviceButton from "../../buttons/deviceButton/deviceButton";
function Dashboard({ socket }) {
const [activeButtons, setActiveButtons] = useState({de
浏览 2提问于2021-10-31得票数 0
回答已采纳
我有一份反应表。我用的是反应下拉依赖。我有个很奇怪的问题。有一个onChange支柱传递给下拉组件。返回时，它会将下拉菜单中的值返回到父组件(在我的示例中是表单)。
人们可能会认为，你可以接受这种反应，并通过this.setState()将其价值设置为国家。
除非我使用setState()，否则select菜单的显示值将停止更改。它显示的是我的Select your Business文本，而不是选定的值。如果我删除了setState()，它就会改变。
什么.？
下面是该组件的精简版本：
import React from 'react';
import Dropdown fro
浏览 1提问于2018-05-25得票数 3
回答已采纳
2回答
当我选择date时，event没有看到任何东西，什么也没发生，我无法从输入字段中提取出我的value。什么？是问题反应还是数据报警器？在“数据交换手册”中没有提到这一点，
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
dueDate: 'Date and time'
}
}
componentDidMount(){
this.initDatepicker();
}
浏览 2提问于2017-07-01得票数 1
回答已采纳
1回答
我是新的反应，我被卡住了，因为太多的状态，需要转换成钩子，一些必须更新，请帮助。我需要使用react函数来处理react-redux。
const localizer = momentLocalizer(moment);
class BigCalendar extends Component {
state = {
events: [{
id: 2,
title: 'DS STARTS',
start: new Date(2016, 2, 13, 0, 0, 0),
浏览 0提问于2020-04-15得票数 0
1回答
一个非常简单的应用程序。在/路径上，我希望在登录时呈现Home，如果没有登录，则呈现Introduction。登录页面是可行的，如果I console.log(firebase.auth().currentUser)，它会显示所有数据，并在/上正确地呈现Home。因此，在仍然处于/路径时，会发生一些奇怪的事情；当我刷新页面时，我们不再登录，而是呈现Introduction。但是，当我单击链接<li><Link to='/'>Home</Link></li>时，Home组件将正确呈现，我们将再次登录。为什么会发生这种情况？
impo
浏览 0提问于2018-01-30得票数 1
回答已采纳
我有以下反应成分。我是比较新的反应，所以没有所有的概念，使用钩子牢牢地掌握在我的掌握。
我还看到了一些其他问题，指出了setState函数的异步特性，但这里似乎不是这个问题。
期望代码：我希望当用户输入fName和lName输入值时，h1会自动更新和呈现
实际发生的事情：当我在输入中输入值时，类型化值不会显示在UI上的输入字段中。标题(h1)也不更新。
附加注释：如果我使用" if“语句检查并有条件地更新对象的相应属性，而不是在setHeadingText中使用prevStatename = value；，代码将按预期工作。
import React, {useState} fro
浏览 5提问于2021-08-09得票数 0
回答已采纳
1回答
我正在我的react应用程序中使用aws cognito进行身份验证解决方案。我使用的不是aws react包提供的组件，而是aws javascript库中的apis。我想听到身份验证状态发生了变化。 在谷歌搜索和查看aws文档后，我仍然找不到任何这样的方法。 如何监听身份验证状态的更改？
浏览 7提问于2021-01-21得票数 0
回答已采纳
我现在正在尝试用react redux设置socket-io，我似乎遇到了一个奇怪的名称空间问题。
console.log(socket);
console.log(socket.disconnected);
console.log(socket.id);
console.log(socket);
第一个日志返回一个大对象，下面是其中两个属性。
disconnected: false;
id: PuAi01tcCcZgmJaAACM
然而，第二个和第三个日志返回的内容与对象最初所说的完全不同。日志记录socket.disconnected返回true，日志记录socket.id返回undefi
浏览 0提问于2020-03-18得票数 1
1回答
我已经为我的智能家居仪表板设置了一个人员跟踪器(内置react和firebase)。但是，当firebase数据库更改时，不会导致react组件上的重绘。我不知道哪里出错了，有人能帮帮我吗？
import React from 'react';
import * as firebase from 'firebase';
import moment from 'moment';
export default class IO extends React.Component {
constructor() {
super();
浏览 4提问于2017-03-09得票数 4
回答已采纳
如何在每个“useEffect”中使用变量的更新值(在组件作用域中声明)？
import React, { useState, useEffect } from 'react';
export default function Count() {
const [count, setCount] = useState(0);
let a = 10;
useEffect(() => {
console.log('after 1st render', a);
a++;
console
浏览 0提问于2019-07-28得票数 9
回答已采纳
父组件
父组件包含输入，它在更改时设置状态"sendLocal“，然后单击按钮获取”本地“状态的值，并将其设置为”sendLocal“
函数
转换处理程序:输入类型更改的触发器.
sendLocalValue :获取“本地”值，将其放入按钮单击"sendLocal“变量触发器中。。
sendValue :这个带有依赖的"sendLocal“的回忆录函数在子组件呈现后作为子组件中的支柱传递。
从“function”导入function，{ useState，useCallback }；从“./ ChildComponent”导入ChildComponent；函数Pare
浏览 5提问于2021-02-14得票数 0
回答已采纳
我用react native编写了函数组件。但是我遇到了麻烦，因为一个奇怪的问题，似乎是一个bug。 我的目的是改变react函数组件中的变量，但变量没有改变。 --我知道可以通过将let isDirty更改为cosnt [isDirty,setIsDirty] = useState(false)来解决 为什么当handleTitleChange事件发生时，"isDirty“没有改变？ 在纯js中，它工作得非常好。 update.tsx import React, { useState } from 'react';
import { View, TextInput,
浏览 65提问于2019-10-11得票数 2
所以我尝试使用React Native的FlatList renderItem属性，但是发生了一些非常奇怪的事情。 data属性被设置为一个具有未定义元素的数组，但是在renderItem函数中，除非我调用参数item，否则它会给我一个错误，指出该函数的参数是未定义的。 下面是我的代码： export default class Profile extends React.Component {
onLearnMore = (user) => {
this.props.navigation.navigate('UserDetail', user)
浏览 34提问于2018-02-25得票数 21
回答已采纳
我有一个无状态的函数组件<Sidebar/>，它只是在div中返回它的子组件。这个组件是由<App/>呈现的，它维护自己的状态，并将该状态的一个元素传递到它的一个子级中。
const Sidebar = React.memo(({children}) => {
return <div className='sidebar'>{children}</div>
})
const App = (props) => {
const [counter, setCounter] = useState(0);
setI
浏览 1提问于2020-05-26得票数 3
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
2回答
假设我实现了这样一个简单的全局加载状态：
// hooks/useLoading.js
import React, { createContext, useContext, useReducer } from 'react';
const Context = createContext();
const { Provider } = Context;
const initialState = {
isLoading: false,
};
function reducer(state, action) {
switch (action.type) {
ca
浏览 1提问于2020-01-31得票数 9
回答已采纳
官方的声明，"React.PureComponent's shouldComponentUpdate()只是肤浅地比较对象“，如果状态”很深“，则建议不要这样做。
考虑到这一点，在创建React组件时，人们是否应该更喜欢React.PureComponent？
问题
使用React.Component是否对性能有影响，我们可以考虑使用React.PureComponent
我猜shouldComponentUpdate() of PureComponent只会做一些肤浅的比较。如果是这样的话，难道不能用这种方法进行更深层次的比较吗？
“此外，React.PureCo
浏览 4提问于2016-12-27得票数 270
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
