值为未定义的react js redux
是指在使用React.js和Redux进行开发时，某个变量或属性的值为undefined的情况。
React.js是一个用于构建用户界面的JavaScript库，它采用组件化的开发模式，使得开发者可以将界面拆分成独立的、可复用的组件。Redux是一个用于管理应用状态的JavaScript库，它通过一个全局的状态树来管理应用的数据流。
当值为未定义的情况出现在React.js和Redux开发中，可能是由于以下原因导致的：
- 变量未初始化：在使用React.js和Redux开发时，可能会忘记对某个变量进行初始化，导致其值为undefined。
- 异步操作：在进行异步操作时，可能会出现值为undefined的情况。例如，在使用Redux进行异步数据获取时，如果未正确处理异步操作的结果，可能会导致获取的数据为undefined。
- 数据流错误：在Redux中，数据的流动是通过action和reducer来控制的。如果在action或reducer中出现错误，可能会导致某个属性的值为undefined。
针对值为未定义的情况，可以采取以下措施进行排查和解决：
- 检查变量初始化：确保在使用变量之前，对其进行正确的初始化。
- 检查异步操作：对于涉及异步操作的代码，确保正确处理异步操作的结果，避免出现undefined的情况。
- 检查数据流：仔细检查Redux中的action和reducer，确保数据流的正确性，避免出现undefined的情况。
如果遇到值为未定义的情况，可以通过以下腾讯云相关产品进行排查和解决：
- 腾讯云云服务器（CVM）：用于搭建和运行应用程序的虚拟服务器，可以通过登录服务器进行代码调试和排查。
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：用于存储应用程序的数据，可以通过查询数据库中的数据来排查问题。
- 腾讯云云监控（Cloud Monitor）：用于监控应用程序的运行状态，可以查看应用程序的日志和指标，帮助排查问题。
- 腾讯云云函数（SCF）：用于编写和运行无服务器函数，可以通过编写函数来进行排查和解决问题。
请注意，以上仅为示例，具体的解决方案和产品选择应根据实际情况进行。
相关·内容
我试图呈现从nodejs开始的数据，我使用redux进行状态管理。问题是，当我试图映射数据时，它会给我错误的解释。
未定义的TypeError:无法读取未定义的属性“映射”
这是我的代码/home.js
import React, {Component} from 'react';
import {connect} from 'react-redux';
import {getArticle} from '../../redux/actions/article';
class Home extends Component {
浏览 0提问于2019-08-08得票数 0
回答已采纳
我仔细地检查了我的代码，没有存储、还原函数、提供程序的错误，但是useSelector钩子返回了App.js中未定义的内容。为什么它返回未定义的？
redux.js
import {createStore} from 'redux'
const counterReducer = (state = {counter:0}, action)=>{
if(action.type ==='increment'){
return {counter:state.counter+1}
}
浏览 2提问于2021-09-16得票数 0
我在mapStateToProps中遇到了这个问题，它在控制台中显示为未定义。我已将console.log放入app.js中，其中显示loginval为未定义。这只是一个简单的react redux代码。我找不到我的错误。我已经尝试了我所知道的所有关于它的东西，它仍然是不确定的。
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import 'bootstrap/dist/css/bootstrap.mi
浏览 2提问于2021-06-17得票数 0
1回答
Redux持续存在
、、、、
我刚刚开始使用Redux持久化，由于某些原因，我无法让它工作。(无法读取未定义错误的属性“订阅”)
Persistor.js
import { createStore } from 'redux'
import { persistStore, persistReducer } from 'redux-persist'
import store from 'redux-persist/es/storage/session' // defaults to
localStorage for web and AsyncStorage for react
浏览 1提问于2018-04-27得票数 2
回答已采纳
嗨，我正在尝试构建一个todo应用程序，并试图在todo列表中添加todo，但是我得到了以下错误：
TypeError:无法读取未定义的属性“映射”
以下是错误代码：
4 | function TodoList() {
5 | const list = useSelector((state) => state.todoList.text);
6 | return (
> 7 | <div>
8 | {list.map((todo)=>{
9 | <li>todo</li&
浏览 3提问于2021-09-05得票数 0
回答已采纳
我使用jest来响应本机测试，我使用redux.While来执行我得到的测试文件。
TypeError:无法读取未定义的属性“hasError”
这个错误。我不知道如何将值发送到redux。任何一个人请帮帮我。
错误代码是
FAIL __tests__\jest\LoginScreen.test.js (6.801s)
test
× renders correctly (614ms)
● test › renders correctly
TypeError: Cannot read property 'hasError' of undefi
浏览 0提问于2018-07-16得票数 0
我想尝试小的redux示例，所以我安装了redux，但是我得到了这个错误。
TypeError:无法读取未定义的属性“getState”
新提供商webpack-internal:///./node_modules/react-redux/es/components/Provider.js:24:25
代码：
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import './
浏览 2提问于2019-02-24得票数 9
回答已采纳
我正在尝试通过容器将Redux mapStateToProps()和mapActionCreators()连接到登录屏幕，并且我使用的是React导航。
生成我的应用程序后，会出现以下错误消息：
_react“默认”.memo不是一个函数。(在“_react”默认值“.memo(ConnectFunction)”中，“_react”默认值“.memo”未定义。
我搜索了一段时间，但我得到的是React.memo()帮助我们控制组件重发时的情况，但我不使用任何与React.memo()相关的代码。
登录屏幕：(屏幕/LoginScreen/index.js)
import React f
浏览 0提问于2019-04-15得票数 14
我是Redux模式的新手，我在将单独JS文件中的操作链接到它的父组件时遇到了一些问题。以下是组件：
import React, {Component} from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import playSample from './sampleActions/clickToPlay';
class SamplesInnerLrg extends Component {
浏览 3提问于2016-10-11得票数 0
回答已采纳
我正在学习教程。
当我在App.js中创建我的商店时，这个应用程序运行良好。
import { createStore, applyMiddleware, compose } from 'redux';
import devTools from 'remote-redux-devtools';
import React, { Component } from 'react';
import { Platform, View } from 'react-native';
import { Provider } from 'r
浏览 0提问于2018-12-12得票数 4
回答已采纳
我在ASP.NET核心应用程序中使用react/redux，如果不包括redux，一切都会顺利进行，但是在添加redux和更改当前组件以连接到存储区之后，在浏览器中(在发布网站t wwwroot文件夹之后)会出现以下错误：
ReferenceError:未定义提供程序
或
ReferenceError:未定义连接
..。
请注意，在我的wwwwroot文件夹中，我添加了redux redux.js文件，该文件存在于节点-模块中的redux模块的dist文件夹中。
---node_modules\react-redux\dist\react-redux.js
在下面，我将我的一个
浏览 0提问于2018-10-25得票数 3
回答已采纳
1回答
我正在用ReactJS制作一个auth系统，并使用一个Redux。在实现我的Signin类时，它在控制台中显示未定义、未定义的。我已经包括了signin.js文件和还原下面的文件。
src/components/auth/signin.js
import React, { Component } from 'react';
import { reduxForm } from 'redux-form';/*
import * as actions from '../../actions';*/
class Signin extends Compo
浏览 3提问于2016-12-27得票数 0
我正试图在签出后重定向到页面。但是，每次我签出去时，它都会成功地引导页面。但是，我还是得到了错误
无法读取未定义的属性“类型”
通过“暂停捕获异常”的进一步研究，它与react-router-redux.有关。
因此，下面代码中的行store.dispatch(push('/signin'))引起了这个问题。如果我改为.map(() => ({ type: 'NOT_EXIST' }));，就不会有问题了。
是什么原因造成的？谢谢
actions/auth.action.js
export const signOutSucceedEpic
浏览 2提问于2017-07-30得票数 5
回答已采纳
我第一次在react上工作，学习redux。我在App.js中定义了一个存储，并使用Provider将它传递给应用程序时，当我试图将它访问到一个子组件时，我的控制台中有一个未定义的，在将它映射到App.js之后，这是一个问题。请你检查一下我的密码，告诉我出了什么问题吗？
我在文件夹减少器中创建了2个减缩器，调用index.js和testIt.js，然后在index.js中导入testIt.js，其中有一个combineReducers来添加特性缩减器。在我为App.js导出它并使用redux提供程序提供存储之后。
App.js
import React, { Component } from
浏览 0提问于2019-01-16得票数 0
回答已采纳
1回答
我试图用应用程序在div中显示一个three.js场景。然而，它抛出了一个未定义的三个。
试过
npm安装--保存三个
进口*从“三”中进口三
但似乎不起作用，它总是抛出三个没有定义的-undef。请看一看我的回购。
更新：
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"autoprefixer": "7.1.6",
浏览 1提问于2017-11-21得票数 1
2回答
我正在尝试学习Redux (使用React)。我不想使用Node来安装依赖项，只是使用脚本标记手动安装。
我得到的错误是reactRedux未定义。我想通过添加react-redux.js文件就可以解决这个问题。
如果你对我的所作所为或理解错误有任何建议，我将不胜感激。
(我正在尝试完成本教程)
以下是正在讨论的代码片段：
<head>
<meta charset="UTF-8">
<script src="public/js/lib/react.js"></script>
<scri
浏览 0提问于2016-05-19得票数 2
我正在尝试使用React-Native navigator (v6)方法在React-Native中的组件之间传递roomID。我解构了{导航，路由}，路由总是未定义的，但它不应该是。我使用的是@react-navigation/native-stack : "^6.1.0"。我是个新手，所以我注入Redux / Stack Navigator的方式绝对是低效的： package.json版本： "dependencies": {
"@react-navigation/native": "^6.0.2",
&
浏览 53提问于2021-09-06得票数 0
Cart组件中的Cart显示未定义，我尝试过使用类，它说，我的还原器中没有一个使用connect，Redux DevTools显示它们都没有问题，Component工具显示没有支持。
在使用useSelector时，我可以获得没有问题的状态，但我必须为此使用Connect。
这是我的还原机档案：
import { cartReducer } from "./cartReducer";
import { productsReducer } from "./stockReducer";
import { combineReducers } from "red
浏览 1提问于2021-06-17得票数 0
回答已采纳
我试图在我的react登录页面中使用简单的redux表单，但是当我在我的电子邮件和密码字段中尝试释放控制台值时，它们总是没有定义地返回。
这是我的signin.js
import React, {Component} from 'react';
import { reduxForm } from 'redux-form';
class Signin extends Component {
handleFormSubmit({ email, password }){
console.log(email,password);
console.l
浏览 0提问于2018-03-14得票数 0
//我的store.js
import {createStore, combineReducers, applyMiddleware} from "redux";
import thunk from "redux-thunk";
import {composeWithDevTools} from "redux-devtools-extension";
import {
//productsDetailReducer,
productsReducer,
} from "./reducers/productReducer
浏览 4提问于2022-04-11得票数 1
2回答
我很难理解如何与redux一起使用redux-路由器。
index.js
[...]
// Map Redux state to component props
function mapStateToProps(state) {
return {
cards: state.cards
};
}
// Connected Component:
let ReduxApp = connect(mapStateToProps)(App);
const routes = <Route component={ReduxApp}>
<Route path=
浏览 0提问于2015-10-20得票数 10
我创建了一个redux存储，并从还原器中传递数据，但是它给出了一个错误：“无法读取未定义的属性‘颜色’”。
index.js：
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import store from "./store/store&#
浏览 4提问于2020-08-31得票数 0
回答已采纳
试图使用redux使用redux路由器v4并遇到此错误，似乎是在跟踪文档，无法在其中找到任何信息，因此我感到困惑：
未定义TypeError:无法读取未定义属性的“路由”
这是我的密码：
import React, {Component} from 'react';
import {
BrowserRouter as Router,
Route,
Link,
withRouter
} from 'react-router-dom'
import Menu from './Menu';
import { connect }
浏览 4提问于2017-04-11得票数 10
我在我的应用程序中添加了Redux，用于本地存储。我相信我正确地遵循了实现，并不断地得到错误：
node_modules/redux-persist/es/integration/react.js:76 无法读取未定义的TypeError: PersistGate.componentDidMount PersistGate.componentDidMount的属性“订阅”
这是我的密码。
store.js
import { createStore, applyMiddleware } from 'redux';
import { persistStore } from
浏览 2提问于2020-03-04得票数 2
回答已采纳
1回答
在LisPage.js中，当组件加载时，在调用showCardDetail()之后给出未定义的showCardDetail。在记录器中，它被明确地称为，但不明白为什么它显示出未定义。我尝试了setTimeout()，但结果仍然相同。即使showCardDetail()也正确地返回了console.log(卡)，但仍然返回了未定义的有效负载。
store.js
import { createStore, applyMiddleware } from 'redux'
import counter from '../redux/action';
import thun
浏览 2提问于2021-12-19得票数 0
我很新的反应-本机，并一直击中以下错误，同时试图设置我的appNavigation和redux。
TypeError：(0，_reactNavigation.addNavigationHelpers)不是函数。(在'(0，_reactNavigation.addNavigationHelpers)({dispatch:dispatch，状态:nav})“(0，_reactNavigation.addNavigationHelpers)‘中未定义.
代码-->
App.js -
import React from 'react';
import store f
浏览 0提问于2020-02-05得票数 2
下面是一个把我逼上墙头的错误，我已经更改了项目的名称，它以前是redux，现在是全局管理系统，但我仍然无法让它工作。错误详细信息: TypeError：(0，import_redux2.combineReducers)不是函数。(在'(0，import_redux2.combineReducers)(减速器)‘，'(0，import_redux2.combineReducers)’中未定义)
//store.js
import { configureStore } from "@reduxjs/toolkit";
import taskRedu
浏览 12提问于2022-09-05得票数 0
我在将路由器连接到rootReducer和控制台日志时遇到了问题
TypeError:无法读取未定义的createRouterReducer (reducer.js?005c:9)的属性“位置”。
不知道如何修复它，并将路由器连接到减速机。
app.jsx
import React from 'react';
import { render } from 'react-dom';
import App from './containers/app'
import {Provider} from 'react-redux'
浏览 1提问于2019-05-11得票数 3
我一直在努力让这件事起作用。但是，这里的所有其他问题似乎无助于我解决这个问题。
我上传了我的密码。我做错什么了，拜托？
loginAction.js
export const SET_LOGIN_DATA = 'SET_LOGIN_DATA';
export const setLoginData = data => {
return {
type: SET_LOGIN_DATA,
login_data: data
}
};
loginReducer.js
import SET_LOGIN_DATA from '../actions/loginA
浏览 0提问于2018-10-22得票数 0
1回答
我正在尝试不同的路由到特定的文件在反应-路由器-多姆。当我尝试console.log(路由)时，组件将以未定义的形式出现
惯例：-
import { App } from "./components/app";
import React, { Component } from 'react';
export const routes = [
{
component: App,
path: '/',
}
];
main.js
import React from 'react';
impor
浏览 0提问于2018-09-22得票数 0
回答已采纳
在使用react redux和映射状态支持连接()时，接收到的状态具有正确的值，但是当通过this.props访问变量时，“此”总是未定义的。
当按下侧边栏组件上的按钮(仅为测试目的)时，第二个控制台日志总是在TypeError中失败:无法读取console.log(this.props.visibility)上未定义的属性“props”。
我是否遗漏了一些额外的东西，以便允许通过mapStateToProps通过this.props访问新映射的值？或者，即使我应该以另一种方式访问它们，而不是this.props。
提前谢谢。
组件
import React, { Component } fr
浏览 0提问于2019-01-27得票数 2
回答已采纳
我有一个功能强大的计数器应用程序，我正在用react-redux开发。我可以看到，每次我使用Increment/Decrement函数分派一个操作时，状态都会更新，但是，我无法实际输出状态的值。 这是我第一次尝试使用模块构建redux应用程序(而不是使用redux cdn构建html文件)。请帮我找出我做错了什么。 谢谢。 //App.js
import { Increment, Decrement } from './redux'
class App extends Component {
render() {
return (
<div
浏览 15提问于2019-01-16得票数 0
3回答
编辑:我被困在这里了，自己解决不了，一个简单的代码补丁会有很大帮助。
我目前正在处理一个项目，需要使用redux，我尝试将值支柱从app.js传递给AppRouter.js，但是当我尝试通过将它记录到控制台或呈现它来访问“value”支柱时；我在控制台日志和内部呈现值上都会出现未定义的错误：。我怎样才能克服这一切？任何帮助都会得到赏识。
这是我的app.js
import React from 'react';
import ReactDOM from 'react-dom';
import {AppRouter} from './routers/App
浏览 1提问于2018-10-01得票数 1
回答已采纳
我创建了一个创建react应用程序，并包含了带有卡片列表的redux和一个显示过滤结果的搜索框，该应用程序在我添加redux之前工作正常，但现在它不返回任何结果。当I console.log(this.props.store)时，它返回未定义。如果有人能帮我这个忙，我会非常感激的。我的文件如下：
constants.js
export const CHANGE_SEARCH_FIELD = 'CHANGE_SEARCH_FIELD';
actions.js
import {CHANGE_SEARCH_FIELD} from './constants.js';
浏览 1提问于2020-06-12得票数 0
当我运行我的应用时，我得到了TypeError:无法读取未定义的属性'getState‘，我已经附加了下面的源代码：
这是index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router } from "react-router-dom";
import App from './App';
import * as serviceWorker from './serviceWor
浏览 29提问于2021-05-26得票数 0
1回答
简单React状态返回未定义的
、、、、
我完全被这件事弄糊涂了。我构建了最简单的react组件，该组件目前只显示存储在商店中的计数器。然而，这个计数器总是以未定义的方式返回！
我希望计数器返回0，因为这是设置在减速机！
我已经学过无数的教程了，我在哪里也学不到！
//index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {Provider} from 'react-redux';
import {createStore}
浏览 2提问于2020-08-22得票数 1
回答已采纳
1回答
如何连接中间件和redux-persis？下面是我的index.js和store.js，我不知道如何正确地连接它们。现在我有一个错误“未捕获TypeError:无法读取未定义的属性'dispatch‘”，我如何修复它？谢谢! 商店 const persistConfig ={
key: 'root',
storage
};
const persistedReducer = persistReducer(persistConfig, Reducer);
const persistor = persistStore(store);
const com
浏览 12提问于2020-04-09得票数 0
回答已采纳
1回答
我尝试使用redux-form v6.7.0将数据异步加载到表单中，但它不起作用。我引用了这个。下面是我的示例代码。任何帮助都将不胜感激。提前谢谢。
/* reducers should always maintain immutability */
var personInfo = {
name: "",
age: ""
};
function PersonInfoReducer(state = personInfo, action) {
switch (action.type) {
case "SAVE_PERSON_DA
浏览 5提问于2017-08-19得票数 0
回答已采纳
我遇到了以下错误时，我使用了反应本机-火基与反应导航(也反应本机手势处理程序)
未定义不是对象(计算'RNGestureHandlerModule.State')
我跟随了的指引
下面是错误屏幕的调用堆栈。
<unknown>
GestureHandler.js: 54:37
<unknown>
Swipeable.js: 11
<unknown>
index.js:1
<unknown>
StackViewLayout.js:19
<unknown>
StackView.js:4
<unknown>
cr
浏览 0提问于2019-01-20得票数 0
1回答
我试着学习Redux的反应，我有一个减速机：
reducers/index.js:
import { combineReducers } from 'redux';
export default combineReducers({
foo: () => []
});
我正在创建我的商店使用：
import React from 'react';
import { View } from 'react-native';
import { Provider } from 'react-redux';
import {
浏览 0提问于2018-06-10得票数 0
回答已采纳
3回答
我试图在我的反应项目中使用redux-saga，但是redux-saga函数没有被调用。toggleLoginModal操作在access.actions.js中被调用，但是toggleLoginModal在access.sagas.js中没有被调用。
Header.jsx
import React, { Component } from 'react';
import { withRouter } from 'react-router';
import accessActions from 'actions/access.actions';
i
浏览 0提问于2018-05-07得票数 3
回答已采纳
2回答
我是Jest和React的新手，正在为React web项目设置Jest单元测试，当我尝试在Reducer上进行单元测试时遇到了这个问题。似乎当测试的文件包含记录时，它在npm测试时变得未定义( npm启动时它运行得很好)。我已经把jest.unmock(‘不可变’)，jest.autoMockOff()放在了test.js文件上，但它似乎不起作用……我在寻找解决方案，但我什么也没找到。
下面是文件/输出/设置
./reducer.js
export const initialState = new Record({ ... })()
...
export default function r
浏览 2提问于2017-07-24得票数 2
2回答
尝试使用Redux的重选库，如下所示：
// selectors.js
import { createSelector } from "reselect";
const loggedIn = state => {
return state.language.loggedIn;
};
export const loggedInSelector = createSelector(loggedIn);
用法如下：
import React from "react";
import { connect } from "react-redux"
浏览 1提问于2018-07-12得票数 0
当我试图读取包含路由器节点crash with error的react文件时(我想构建站点地图，但是即使我只是尝试console.log导出默认变量，并且我得到了这个错误，可能需要babel配置？)：
redux\store.js:80 var store = (0, _redux.createStore)(_index2.default,
defaultState, (0, _redux.compose)((0, _redux.applyMiddleware)
(_reduxThunk2.default), window.devToolsExtension ? window.dev
浏览 2提问于2018-02-20得票数 0
回答已采纳
2回答
我是Redux的新手，我一直在使用的代码。该示例不使用容器，也不为操作提供单独的文件，因此我想从那里开始，并尝试将其抽象一些。
该项目没有App组件，index.js文件如下所示：
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore } from 'redux'
import Counter from './components/Counter'
import counter from './reducers'
浏览 0提问于2019-06-15得票数 0
回答已采纳
1回答
在创建-react app/redux中，我有一个“连接组件”：
import React from "react";
import "./App.css";
import { connect } from "react-redux";
function App() {
debugger;
const { datas } = this.props;
debugger;
return <div className="App">{datas}}</div>;
}
const mapStat
浏览 2提问于2019-07-18得票数 0
回答已采纳
在package.json文件中，我有：
历史记录："^4.7.2"，
react："^16.4.1"，
react-dom："^16.4.1"，
react-redux："^5.0.7"，
react-redux-form："^1.16.9"，
react-router-dom："^4.3.1"，
react-router-redux："^4.0.8"，
反应脚本："1.1.4"，
redux："^3.5.2"，
redux-表单："^7.3
浏览 5提问于2018-07-27得票数 0
我正在将洁净的Ract应用程序重构到Redux。我已经测试了一些动作和减速器。我有一堆路由器和历史。
我搞错了：
未定义的TypeError:无法读取未定义的syncHistoryWithStore的属性“侦听”
从简单代码：
//configureStore.jsx
import redux from 'redux';
import {buildingReducer, levelReducer, roomReducer} from 'reducers';
import {routerReducer} from '
浏览 11提问于2017-03-02得票数 8
这是我第一次使用Redux和Redux持久化。当我试图运行我的应用程序时(在index.js第20行中)，我得到了这个错误：
TypeError:未定义不是对象(计算'store.getState')
index.js：
import React from 'react';
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
imp
浏览 2提问于2019-03-03得票数 7
我只是将我的项目从一台机器移动到另一台机器，当我运行webpack --watch时，我得到以下错误：
C:\Users\joe_coolish\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:186
outputOptions.children = options.map(o => o.stats);
^^
SyntaxError: Unexpected token =>
浏览 2提问于2017-02-17得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
