React Redux : TypeError:无法读取null的属性'user‘
React Redux是一个用于管理React应用状态的库。它结合了React和Redux，提供了一种可预测的状态管理解决方案。
在React Redux中，TypeError:无法读取null的属性'user'错误通常表示在尝试访问一个为null的对象的属性时出现了问题。这可能是因为在应用中的某个地方，尝试访问名为'user'的属性时，该属性的值为null。
要解决这个错误，可以采取以下步骤：
- 确保在访问'user'属性之前，该属性已经被正确地初始化或赋值。可以通过在相应的组件中检查该属性是否为null来进行验证。
- 如果'user'属性是从Redux store中获取的，那么可能需要检查相应的Redux reducer是否正确地初始化了该属性。可以查看Redux reducer的代码，确保在初始化state时，'user'属性被正确地设置为一个非null的值。
- 如果'user'属性是通过异步操作获取的，那么可能需要在获取完成之前，对该属性进行条件判断，以避免在其值为null时进行访问。
总结起来，TypeError:无法读取null的属性'user'错误通常是由于尝试访问一个为null的对象属性而引起的。通过检查属性的初始化和赋值过程，可以解决这个错误。如果需要更具体的帮助，可以提供更多关于代码和上下文的信息。
相关·内容
2回答
Uncaught :无法在数字'0‘上创建属性'activeWord’
reactjs、redux
在我的react应用程序中，我预先加载了一个名为activeWord的减速器。
activeWord: 0
然后，我在根还原器中添加了activeWord。
import {combineReducers} from 'redux';
import activeWord from './ActiveWordReducer';
const root_reducer=combineReducers({
activeWord:activeWord
});
export default root_reducer;
然后在ActiveWordReducer文
浏览 1提问于2016-11-04得票数 0
回答已采纳
2回答
useSelector钩子首先返回未定义的状态，在操作调用之后正确返回状态。
javascript、reactjs、redux、react-redux
我刚接触了React，我尝试将我的项目与redux集成，问题是在我用于登录的函数组件中，当我尝试用initialState获取useSelector属性时，状态是未定义的。
import React, {useState} from 'react';
import loginStyles from './login.module.css';
import {useDispatch , useSelector, shallowEqual} from 'react-redux';
import {login} from '../../stor
浏览 8提问于2020-04-21得票数 1
回答已采纳
2回答
Axios & Redux返回未定义，然后解决
reactjs、redux、react-redux、axios、redux-thunk
我正在使用react & redux创建一个系统，其中我需要从api获取一些数据，我创建了操作/函数和reducer，但当我尝试访问组件上的结果和控制台日志时，它显示未定义的结果比解析显示了三次，而当我尝试映射结果时，当然不能，因为此处未定义的thing.enter图像描述。 这是我的action函数代码。 import axios from "axios";
import Cookies from "js-cookie";
export const signIn = () => {
return {
type:
浏览 16提问于2021-04-17得票数 1
回答已采纳
1回答
TypeError: state.auth是未定义的错误，因为我添加了redux reducers
reactjs、react-redux
由于我已经在我的combineStore index.reducer文件中添加了redux reducers，我的用户详细信息json不再出现在我的Redux状态(在开发人员选项中)，并且我得到了下面的错误消息，它正在停止我的任何页面显示。
我如何去修改我的combineStore，让它与新的减速器一起工作？是否需要更改为configureStore？
TypeError: state.auth is undefined
mapStateToProps
.../src/App.js:204
201 | }
202 |
203 | function mapStateToProps
浏览 0提问于2021-03-08得票数 0
2回答
Redux工具包持久化。我的状态无法访问
react-native、expo
我在react本机中的应用程序很好，但是当我试图实现redux工具箱时，我的状态不工作，也就是说，我无法访问它们，这将引发一个错误。
这是错误代码中的一个代码
const Router = () => {
const { user, userDef } = useSelector(userdata);
const { isAuthenticated } = useSelector(authdata);
const dispatch = useDispatch();
useEffect(() => {
auth.onAuthStateChanged((u
浏览 6提问于2022-08-10得票数 1
1回答
redux如何从api呈现响应数据
reactjs、react-redux、react-redux-form
我跟随了youtube上的一个教程。当我这样做的时候，一切都很好。但是，当我尝试不同的api时，我得到的错误项没有定义。有人能帮我理解我做错了什么吗？
谢谢
//行动
import axios from 'axios'
export function fetchTweets(brandUrl, responseCode){
let url = brandUrl + '/api/offer/' + responseCode;
return function(dispatch){
axios.get(url)
.then((response) => {
浏览 3提问于2017-03-06得票数 0
1回答
Redux混乱反应
javascript、reactjs、redux
Redux被证明对我来说有点棘手，我想知道是否有人能帮助我朝着正确的方向前进，我没有抓住它来获得我想要的结果。只是一个预警:我正在使用ES6语法.
好的，我已经设置了一些沙箱来测试redux是如何工作的，这是我正在使用的当前文件设置。
-actions
--index.js
-reducers
--index.js
--reducer_user.js
-containers
--ReduxTest.js
在我的容器ReduxTest.js中，我有以下代码。
import React, { Component } from 'react';
import { co
浏览 0提问于2016-11-12得票数 2
回答已采纳
3回答
尝试运行时出现"TypeError: Unable to get property 'age‘of undefined or null reference“
javascript、reactjs、redux
如果单击ADD按钮或SUBTRACT按钮，我的应用程序只是简单地增加年龄(初始设置为20)或降低年龄。
我不明白为什么我一直收到这个错误。我签入reducer.js以确保相应地使用'age‘属性初始化状态，所以我完全不知道这是什么原因造成的。我仔细检查了所有正确的依赖项，并确保所有语法都是正确的。
我认为可能导致它的另一件事是，我没有在我的reducer.js中对代码行const newState = {state}使用扩展运算符。由于某些原因，vscode不允许我使用扩展运算符。每次我这样做并运行我的应用程序时，屏幕上什么也没有出现。是否存在需要安装才能使用扩散运算符的依赖项？
以下
浏览 2提问于2020-05-21得票数 0
1回答
在代理数组上调用concat时抛出错误
javascript、ecmascript-6、redux
我是ES6 Proxy对象的新手，在尝试对已代理的数组调用concat时遇到一个我不能理解的错误。
背景：
我认为ES6 Proxy可以很好地验证React/Redux应用程序中reducer函数的“纯度”。我可以将状态对象包装在一个代理中，如果我试图改变该对象，就会抛出一个错误。我正在使用基于库的东西来做这件事：
const triggersOnChange = (object, onChange) => {
const handler = {
get (target, property, receiver) {
try {
return new
浏览 3提问于2018-01-29得票数 0
2回答
React Native Redux状态没有被reducer函数通过切片更新吗？
reactjs、react-native、redux、react-redux
您好，我正在使用react redux和工具包，我想知道为什么我的状态没有得到更新，尽管使用正确的有效负载调度操作。我正在尝试将redux中的用户状态从null更新为包含登录时用户数据的对象，反之亦然。在这种情况下，我是否正确地以“不可变”的方式更新状态？提前感谢您的帮助。 更新:当我将initialState更改为对象时，它似乎可以工作，请参阅@aboutcoding answer。但是，我的用例最初要求它为null。我试着在我的reducer函数中设置state =1，只是为了测试它是否会更新，但它也没有更新。我不确定为什么仅仅将state等同于一个新值不起作用，因为null被认为是原始
浏览 13提问于2021-07-14得票数 0
2回答
为什么我的React组件渲染被调用了两次，一次没有数据，然后又有了数据，但是太晚了。
javascript、reactjs、redux、react-redux
我有一个组件TreeNav，它的数据来自api调用。我已经设置了reducer/action/promise和所有的管道，但在组件渲染中，当我在数据上调用TypeError()时，得到“未捕获映射:无法读取未定义的属性'map‘”。
故障排除揭示的TreeNav render()被调用两次。第二次是在数据从api返回之后。但是由于第一个render()错误，第二个render()永远不会运行。
下面是我的代码文件：
- reducers/index.js
import { combineReducers } from 'redux';
import TreeDataRe
浏览 4提问于2016-08-21得票数 6
1回答
Redux状态的嵌套对象是可用的，但在组件中不可访问
reactjs、redux、react-redux
在这里输入代码，我将通过我的app.js文件中的提供者包装器向我的整个react应用程序提供。
除了“当前配置文件”之外，我没有问题访问任何其他状态。
下面是组件：
import React, { Fragment, useEffect } from "react";
import PropTypes from "prop-types";
import { connect } from "react-redux";
import { loadTargetProfiles, loadCurrentProfile } from "../.
浏览 1提问于2020-06-12得票数 2
回答已采纳
2回答
TypeError: state.getIn不是一个函数
reactjs、redux、react-redux、immutable.js
我正在我的function项目上实现不可变，使用redux使用它，使用fromJS()函数(来自不可变库)使状态成为不可变的对象。在还原器文件中，一切正常工作，我收到一个操作，可以使用setIn()函数设置新值，也可以使用getIn()函数访问状态。
但是，当我使用mapStateToProps从connect()函数获得状态时，即使console.log显示了一个明显不可变的对象，我也不能使用不可变的函数，比如toJs()或getIn()。我总是收到这样的错误：TypeError: state.getIn is not a function。
我的index.js文件
import Reac
浏览 3提问于2020-03-30得票数 1
1回答
用createStore取代configureStore
javascript、reactjs、redux、react-redux、next.js
我更新了我的包裹，VScode告诉我createStore被贬值了。所以我开始更换它
我的商店文件，我已经包括了原来的行作为评论在底部。
import { configureStore } from '@reduxjs/toolkit';
import { Action, createStore } from 'redux'
export type State = { context: AudioContext | null}
export const START_AUDIO = "startAudio";
const initialSta
浏览 10提问于2022-05-28得票数 2
回答已采纳
1回答
React工具包和redux-第一路由器
reactjs、redux、redux-router、redux-toolkit
我正在挖掘与Redux的反应，以重写我们的产品。使用Redux 清除了Redux周围的大量雾。然后，我发现React路由器使状态管理变得混乱，并在redux路由器中找到了解决方案。
现在我想把这些优秀的库结合起来。但我觉得我在配置上做错了什么。这是密码。从的一个沙箱示例开始，我将configureStore.js文件更改为(为了简单起见，我省略了用户还原程序的代码)
import { connectRoutes } from 'redux-first-router';
import { configureStore, getDefaultMiddleware } from &#
浏览 4提问于2020-01-16得票数 2
回答已采纳
2回答
使用redux在秒表上占用一段时间并将其放入数据库
javascript、node.js、reactjs、redux
有人建议我使用redux将时间放到数据库中，但我遇到了问题。我的index.js中有一个秒表，用户可以启动和停止。之后，我有一个按钮，让他们能够把他们的时间放在一个数据库。从我的节点文件中，我得到了UnhandledPromiseRejectionWarning: error: null value in column "time" violates not-null constraint。我想知道这是因为我在索引文件的末尾有difference = 0，它没有检索difference = this.state.endTime - this.state.startTime;，或
浏览 2提问于2021-01-21得票数 0
回答已采纳
1回答
使用测试库测试时文档为空
react-testing-library
我试图在我的react应用程序中测试单个组件，但得到了以下错误：
TypeError: Cannot read property 'clientWidth' of null
20 |
21 | resize = () => {
> 22 | const contentWidth = document.getElementById('root').clientWidth;
下面是测试结果：
import React from 'react'
import { Memor
浏览 13提问于2020-11-17得票数 0
1回答
简单的Redux--试图通过this.props.dispatch更新状态
reactjs、typescript、redux
当我单击复选框时，this.props.dispatch({type: "addPreferredChecked"});会导致以下错误：
TypeError:无法读取未定义的属性“分派”
我非常感谢您的帮助，也希望您知道这个项目是在使用React和Redux的类型记录中运行。
作为一个Redux，当单击复选框时，我只是尝试将HTML复选框复选框从true更改为false，或者visa相反。我的演示组件具有onclick逻辑，它成功地调用了一个handleCheckedChange函数，并传递了预期的数据。这是经过测试和工作的。
然而，当我运行：this.props.di
浏览 0提问于2019-05-10得票数 1
回答已采纳
4回答
Redux应用程序中另一个组件中连接函数值的访问问题
javascript、reactjs、redux、react-redux
我已经在我的React应用程序中设置了Redux，但是当我使用this.props在一个单独的文件中访问另一个组件中的数据时，没有传递任何数据。我的操作正在执行，它传递我想要的数据。这是我的actions.js
export const ADD_CART = 'ADD_CART';
export function addCart(item){
return {
type: ADD_CART,
payload: item
}
};
我的reducer.js是：
import {ADD_CART} from './actio
浏览 6提问于2017-05-29得票数 2
回答已采纳
2回答
MapStateToProps未被调用
redux、react-redux
我明白以前曾多次问过这样的问题，但我已经用尽了所有的资源和选择，也弄不清楚为什么不起作用。当我创建动作"AUTHENTICATION_LOGOUT"时，我可以跟踪它到动作还原器，并可以看到从动作还原器返回新的状态，但是connect不会在组件中获取它，因此mapStateToProps不会运行。我为state返回一个新对象，所以检查应该将其标记为状态更改，而不是状态突变，对吗？是错误还是版本错配？谢谢。
在auth_actions中：
export const appLogout = () => async dispatch => {
await Async
浏览 1提问于2018-05-31得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
