React Setstate在JSONizing后使状态项未定义
是指在使用React的setState方法更新组件状态后，将状态对象转换为JSON字符串后，某些状态项的值变为undefined。
这种情况可能发生在以下情况下：
- 状态项的值为函数：如果状态项的值是一个函数，当使用JSON.stringify方法将状态对象转换为JSON字符串时，函数会被忽略，导致状态项的值变为undefined。
- 状态项的值为循环引用：如果状态对象中存在循环引用，即某个状态项的值引用了状态对象本身或其他状态项，当使用JSON.stringify方法将状态对象转换为JSON字符串时，会抛出异常，导致整个状态对象无法被正确转换，其中的状态项的值也会变为undefined。
为了解决这个问题，可以采取以下方法：
- 避免将函数作为状态项的值：在设计组件状态时，尽量避免将函数作为状态项的值，以免在JSONizing时出现问题。如果需要在组件中使用函数，可以将其定义为组件的方法，而不是状态项的值。
- 避免循环引用：在设计组件状态时，避免出现循环引用的情况。如果确实需要引用其他状态项的值，可以考虑将其拆分为多个状态对象，以避免循环引用的问题。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我正在试着为自己写一个锻炼日志，作为React和Node.js的训练。我有自己的API，有很多函数，包括一个名为“/ get -workout”的API，顾名思义，就是从数据库中获取锻炼。get-workouts') workouts.json(); .then(workoutList => {
this.setState('There was an error getting workouts', err
浏览 28提问于2020-03-05得票数 0
回答已采纳
所发生的事情似乎是触发状态更改的所有组件，但只有在模板中声明的最后一个组件，它的更改才会持续。示例：
浏览 4提问于2019-07-31得票数 1
回答已采纳
undefined is not object (evaluating '_state3.selectedIndex')"当我要多次运行someMethod时，是什么使处于反应状态的对象是未定义的，但可以在控制台中访问？
浏览 0提问于2017-10-03得票数 1
我得到一些信息，从一个琐事应用和设置我的状态分别。axios.get('https://opentdb.com/api.php?amount=50').then( response =>{this.setState( prevState => ({每当我试图在jsx代码中呈现wrongAnswers时，数据就会以它应有的方式显示出来。但是，每当我试图访问一个
浏览 1提问于2018-12-01得票数 2
回答已采纳
1回答
我是新的反应，我有点困惑，什么会得到更新，每次状态或道具变化。setSomeState] = useState(null)
useEffect(() => { }, [])现在，如果状态只有依赖状态/道具的JSX元素和使用它们的钩子才会受到影响吗？究竟发生了什么变化？
浏览 1提问于2020-09-05得票数 1
回答已采纳
1回答
当我将子组件的状态发送到其父组件时，React是将旧状态发送给父组件。在这里，我实际上创建了一个多选择下拉列表。import React from 'react';
import ListItemComponent from
浏览 1提问于2016-05-18得票数 5
回答已采纳
2回答
对于主视图和用户登录，我有以下代码： super(userData: {}, }
this.setStateconsole.log('userData not set');
onLoggedIn(
浏览 4提问于2021-05-14得票数 1
回答已采纳
所以当我在我的console.log()中获取size时，我看到它接受了所需的值，并对其进行了设置，但当我在字段中传递该size时，它会显示类似this.state.taken_size is undefinedconst taken_size = event.target.value this.setState
浏览 1提问于2019-06-27得票数 1
2回答
我想更新tickerList变量的状态，使用我尝试做的类似于setTicker(data.ticker)的data.ticker，但这不会改变tickerList变量的状态
怎么做？
浏览 4提问于2021-03-31得票数 0
回答已采纳
我读过这篇文章： // this.setState({checked: [...checked_key, client_id]});<ul>{apps}</ul> : <p>No Key</p>} );
因此，每次复
浏览 27提问于2018-09-07得票数 0
回答已采纳
1回答
在我的登录组件中，我试图验证用户输入并使用React状态设置错误，但是我面临更新errorState的问题。这是我的登录组件 const [state, setState] = React.useState({email: '', password: ''}(initialErrorState);
浏览 3提问于2022-02-02得票数 0
回答已采纳
4回答
我正在学习React，但是我无法理解为什么我在控制台中得到了这个输出。心地善良的人可以详细解释一下“行刑”哦，这些钩子？import { useState, useEffect } from "react"; const [state, setState] = useState); console.log("useEffect");
console.log("use
浏览 24提问于2022-04-20得票数 1
8回答
在React中，我试图使按钮增量成为存储在状态中的值。但是，使用下面的代码函数，在使用NaN时，我的值被设置为未定义或handleClick。class QuestionList extends React.Component { super(props); }
h
浏览 0提问于2017-02-21得票数 32
回答已采纳
我想根据用户的登录状态显示/隐藏导航栏。一旦用户通过身份验证，我就将访问令牌存储在本地存储中。我试图通过检查access-token是否存在来显示/隐藏导航栏。但它需要一次硬性更新。/Link> </Nav>)import Reactfrom 'react<
浏览 0提问于2018-05-15得票数 0
我知道这可能是一个JavaScript问题，而不是React问题，但我不能理解React setState的上述签名。
方括号和逗号在函数参数列表中做什么？
浏览 1提问于2019-06-07得票数 1
我试图使筛选项具有功能，并遇到以下代码：当我使用filterItems时，第二个参数setState的目的是什么
浏览 1提问于2019-12-24得票数 1
回答已采纳
这是我的联系人部件import { Button } from "react-bootstrap"; }; this.setState{ contactUs: { telephone
浏览 5提问于2021-01-19得票数 6
回答已采纳
2回答
const{} =this.props const返回( <li onClick={() => onVideoSelect(视频)}}className=“列表-项”> {video.snippet.title} )}}因此，最终我会得到“列表组-项目活跃”后，点击那个李。this.handleClick = this.handleClick.bind( this )；} handleClick(e) { //修改状态，这将自动恢复下面的呈现()。this.setState((p
浏览 0提问于2018-06-22得票数 0
我在Main.js上的状态中定义了一个数组postArray。qNumber:1, amount:'', postArray : []我在Main.js上也有一个函数，可以在postArray中插入新的数组元素： // save transaction to array stat
浏览 1提问于2020-04-04得票数 0
3回答
为什么状态不按预期更新？
、、、
我目前正在构建一个TicTacToe游戏，并希望将我当前的玩家存储在状态为currentPlayer。在一个玩家移动后，我将currentPlayer更新为另一个播放器。但是，当我尝试将新状态记录到控制台时，它不会产生更新状态的值。./'
浏览 1提问于2019-03-21得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
