我无法使用react-redux编辑数据
React-Redux是一个用于管理React应用状态的库。它结合了React和Redux，提供了一种可预测的状态管理解决方案。通过使用React-Redux，我们可以将应用的状态存储在一个全局的状态树中，并通过组件的连接来访问和更新状态。
React-Redux的主要概念包括：
- Store（存储）：存储应用的状态，并提供了一些方法来访问和更新状态。可以使用Redux的createStore函数创建一个Store对象。
- Action（动作）：描述状态的变化。它是一个包含type属性的普通JavaScript对象。可以使用action creators来创建action对象。
- Reducer（归约器）：根据action来更新状态。它是一个纯函数，接收当前状态和action作为参数，并返回一个新的状态。可以使用combineReducers函数将多个reducer组合成一个根reducer。
- Provider（提供器）：将store对象提供给React应用的组件。可以在应用的根组件中使用Provider组件来包裹整个应用。
在React-Redux中，我们可以使用connect函数来连接组件和store，使组件能够访问和更新状态。connect函数接收两个参数：mapStateToProps和mapDispatchToProps。mapStateToProps是一个函数，用于将store中的状态映射到组件的props中。mapDispatchToProps是一个函数或对象，用于将action creators映射到组件的props中。
对于无法使用React-Redux编辑数据的问题，可能有以下几个原因：
- 未正确安装React-Redux：请确保已经正确安装了React-Redux库，并在应用的根组件中使用Provider组件包裹整个应用。
- 未正确连接组件和store：请使用connect函数连接组件和store，并确保正确地映射了状态和操作到组件的props中。
- 未正确定义action和reducer：请确保已经正确定义了需要的action和reducer，并在reducer中处理了相应的action。
- 组件未正确使用props：请确保组件正确使用了从props中获取的状态和操作。
如果以上步骤都已经正确执行，但仍然无法使用React-Redux编辑数据，建议检查代码是否存在其他错误或冲突，并进行调试和排查。
腾讯云提供了一系列与云计算相关的产品，包括云服务器、云数据库、云存储、人工智能等。具体推荐的产品和产品介绍链接地址可以根据具体的需求和场景进行选择。你可以访问腾讯云的官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
如果react-redux依赖于redux，没有它就无法运行，为什么redux不是react-redux库的一部分？
这仅仅是因为有人可能想卸载react-redux，但仍然想在react项目中使用redux吗？
还是有其他的逻辑？
浏览 0提问于2020-06-05得票数 1
2回答
在我的react: 16.8.3 => 16.8.3 - react-native: ^0.59.5 => 0.59.10中
我更新了react-redux，以便使用从5.xx版本到7.1.3版本的钩子，并且在更新之后，我得到了一个带有螺旋桨类型依赖项的错误。
绑定失败:错误:无法从'/node_modules/react-redux/lib/components/Provider.js'：解析模块‘./utils/PropTypes’模块‘./utils/PropTypes’./utils/PropTypes‘无法从'/node_modules/react
浏览 3提问于2019-12-05得票数 1
我正在用react-redux构建一个简单的编辑器类型的应用程序，我想要模拟下载和上传json文件的操作，以保存和加载数据-完全是客户端的。服务器端不需要数据。本地存储可能太小了，如果能为用户提供可以上传到新机器上的便携文件形式的数据，那就太好了。这是可能的吗?如果可能，又是如何实现的呢？
浏览 2提问于2018-12-03得票数 2
我一直在学习react-redux，当我试图将我的react与它连接时，我会得到以下错误。
connect.js:41 Uncaught (in promise) TypeError: Cannot call a class as a function
at _classCallCheck (connect.js:41)
at Connect (connect.js:125)
at eval (combineReducers.js:37)
at Array.forEach (<anonymous>)
at eval (combineReducers.js:34)
at Map.wi
浏览 2提问于2017-11-03得票数 2
回答已采纳
2回答
如何为此编写回调函数。我试过不同的方法，但似乎什么都没用.我正在获取无法读取未定义的属性“props”
handleMoveToCart=(item)=>{
this.moveCart(item, function(){
this.props.removeFromSaveLater(item.id); //react-redux mapsDispatchToProps function
});
}
moveCart=(item,callback)=>{
this.props.moveToCart(item)
浏览 5提问于2021-02-10得票数 0
回答已采纳
我正在尝试让Redux使用next-redux-wrapper来处理thunks。我已经查看了示例代码，但我的代码无法工作。我来回奔波，不再只见树木不见森林。目前，我在index.js中的'getInitialProps‘没有被调用，因此我的数据永远不会被加载，因为我从来没有分派数据加载操作。商店已创建，但它是空的。 任何帮助都非常感谢！这很令人沮丧..。 // _app.js
import {createStore} from "redux";
import {Provider} from "react-redux";
import App from
浏览 19提问于2020-01-31得票数 0
3回答
我正在尝试将我的Redux存储与我的React项目连接起来，但我一直收到以下错误：
找不到../node_modules/react-redux/es/components/Provider.js模块:无法解决'C:\Users.\Documents..\node_modules\react-redux\es\components‘中的“反应”
我已经安装了react-redux和redux (我相信redux对redux有一些依赖)
import { Provider} from 'react-redux';
这就是造成错误的原因。
对我能做什么有什么建议吗？
浏览 0提问于2019-08-31得票数 9
回答已采纳
如何根据"react-router": "^4.0.0"中的条件重定向到特定的页面。
var { HashRouter, Route, Switch} = require('react-router-dom');
var {Provider} = require('react-redux');
firebase.auth().onAuthStateChanged((user) => {
if (user){
this.props.history.push('/todos/'
浏览 4提问于2017-10-17得票数 1
我是一个react-redux初学者，这看起来可能是一个琐碎和愚蠢的问题，但我没有设法找到一个令人满意的答案。
我有一个react-redux应用程序，并从API接收了一种复杂的数据结构，我相信细节并不重要。
我想知道是否有工具可以让我们在控制台或调试器中编写一些快速的REPL风格的命令。我目前有react和redux开发人员工具，还有一个记录器中间件，它可以完美地查看状态的演变和日志记录，但我无法查看/检查我收到的嵌套数据。
提前感谢各位，
大卫
浏览 2提问于2017-02-09得票数 1
回答已采纳
我已经将React-redux集成到了一个外部JS应用程序中(基于自定义JS框架构建)。我需要从externalJS设置redux存储的初始数据，但是外部is无法访问react存储来设置数据。存储区在根reactJS组件挂载到DOM上时触发，但我需要在将其挂载到DOM之前设置初始数据。我参考了以下链接，但他们无法解决我的问题。有人能告诉我我错过了什么吗？
我正在使用webpacks，redux的react 16.1
下面在index.js中给出了示例根组件结构
render() {
return (
<Provider store={stor
浏览 2提问于2018-08-27得票数 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
这是一个Bala，React-Redux平台的新成员。目前，我一直在使用React-redux开发Todo应用程序。但不幸的是，我无法从一个问题入手。这就是我要用一个值把在一个状态组件中生成的值转换成另一个状态组件。有可能吗？或者我可以从redux-store中导入值？
浏览 1提问于2020-03-09得票数 1
我是React和Redux的初学者。我将react 16.9与redux 4.0.4和react-redux 7.1.1一起使用。 我注意到我可以直接访问底层的Redux数据模型(存储中的对象)，而无需分派操作。 考虑以下组件： import React from 'react';
import { useSelector } from 'react-redux';
function MyComponent(props) {
const obj = useSelector(state => state.objReducer);
obj.
浏览 8提问于2019-09-23得票数 2
我有一个Yarn工作区，它有两个包，watermelon-web和watermelon-native，它们使用的是最新版本的react-redux，但使用的是不同版本的react。问题是，我无法控制peerDependency of react-redux选择哪个版本的react纱线。
工作区package.json
{
"private": true,
"workspaces": {
"packages": [
"watermelon-web",
&
浏览 2提问于2019-11-26得票数 5
回答已采纳
我想尝试小的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
回答已采纳
2回答
我正在学习react-redux，所以我正在使用JSON占位符API为用户创建一个CRUD应用程序，现在我可以显示数据、删除和编辑数据，但我在添加数据时遇到了问题。 这是沙箱中的一个现场演示：redux live demo 现在，当我单击add user按钮时，我得到以下错误。 Cannot read property 'editing' of undefined. 下面是我用来添加用户的表单组件。 import React, { useState } from 'react'
import {useDispatch} from 'react-redu
浏览 36提问于2020-06-13得票数 2
我有这个组件
import React, { useEffect } from 'react';
import './App.css';
import { connect } from 'react-redux';
import { CircularProgress } from '@material-ui/core';
import { loadPhones } from './redux/actions/actions.js';
import TablePhones from './Table
浏览 3提问于2020-07-29得票数 0
回答已采纳
我有两个组件，它们都使用connect。
import {connect} from "react-redux";
import ComponentB from "./ComponentB";
class ComponentA extends Component {
render(){
return {
<div>
<button
onClick={this.refs.ComponentB.showAlert()}
>
Button
<
浏览 0提问于2018-09-27得票数 1
回答已采纳
1回答
当我为我的项目运行webpack时，我会遇到这样的错误:React包不能解决它的一些内部模块：
ERROR in ./node_modules/react-redux/es/index.js
Module not found: Error: Can't resolve './components/Context' in '/home/.../frontend/src/node_modules/react-redux/es'
@ ./node_modules/react-redux/es/index.js 3:0-57 12:0-179
@ ./ind
浏览 0提问于2019-10-19得票数 3
回答已采纳
1回答
还原redux存储中的更改
、、、、
我有一个简单的问题。
现在在我的App Redux中，我有一个组合存储，当我获取数据时，它被设置为状态的一部分。
然后，我得到了一个React编辑器，它通过Redux管理状态。当用户单击编辑时，所有字段都变为可编辑。他可以随意摆弄，然后点击“丢弃”按钮，返回到获取数据的初始状态。
我正在尝试对原始获取的数据进行深度复制(在用户修改它之后)，但之后我在我的存储中获得了适当的数据，但视图仍然显示修改过的数据(它通过te react-redux连接到存储)。
所以，我的问题是，如何正确地使视图显示这些数据。下面是我的编辑器缩略器。
case editorActions.DISCARD_CHANGES
浏览 1提问于2017-01-31得票数 3
即使安装了这个模块，它也存在，流无法解决它并抛出错误。参见: 1)在bash内部，我运行了flow，它抛出了找不到模块的错误
user@pc:~/code/project$ flow
Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ src/functionalities/Growth/index.js:3:25
Cannot resolve module react-redux.
1│ // @flow
2│ import React from "react"
3│ import { connect } from
浏览 0提问于2018-07-27得票数 41
回答已采纳
我有以下例子：
import * as React from "react";
import { connect } from 'react-redux';
interface IMessage {
message : string;
}
class SayMessage extends React.Component<IMessage, {}>{
render () {
return (<div>{this.props.message}</div>);
}
}
functio
浏览 6提问于2016-07-20得票数 3
1回答
我想在我的React-Redux应用程序中显示一个无法点击显示页面的复选框。因此，我熟悉如何构建用于添加和编辑目的的表单，但对于只显示数据的表单，我不熟悉如何操作。
<label>Check if they ever were a World Champion</label>
<input
type="checkbox"
name="champion"
浏览 0提问于2020-11-17得票数 0
2回答
在这里使用React和redux-form来反应New蜜蜂。
我想使用App.js在Form.js中检索到的数据，目前我正在将{this.props.data}传递给<Form />，我无法看到或访问<Form />组件中的App.js道具，我只能看到reduxForm道具，如何在<Form />中访问this.props.data？
我有一个获取用户数据的组件：
App.js
import React, { Component } from "react";
import { connect } from "react-redux
浏览 0提问于2018-02-28得票数 1
回答已采纳
所以我试着用redux和类型记录。这就是我的package.json的样子
"dependencies": {
"@types/react-dom": "15.5.0",
"@types/react": "15.0.4",
"@types/react-redux": "4.4.39",
"axios": "0.16.2",
"react": "15.
浏览 3提问于2017-09-16得票数 1
回答已采纳
1回答
我使用redux工具包查询来获取数据。我的React本机应用程序中有以下导入：
import {createApi} from '@reduxjs/toolkit/query/react';
应用程序运行良好，数据获取良好，但测试失败，出现以下错误：
Cannot find module 'react-dom' from '../../node_modules/@reduxjs/toolkit/node_modules/react-redux/lib/utils/reactBatchedUpdates.js'
但是，当我从以下内容导入时：
imp
浏览 8提问于2022-06-30得票数 0
3回答
我在用玩笑和酶做单元测试。我有与钩子连接的组件。我调用redux操作来加载数据。
import React, {useEffect, useState, useCallBack} from "react";
import {connect} from "react-redux";
import CustomComponent from "../Folder";
import { loadData, createData, updateData } from "../../redux/actions";
const Accoun
浏览 2提问于2021-06-10得票数 3
我无法从fetch函数访问数据。我想把数据从行动传递给减速机。API是使用fetch函数调用的，api以许诺的形式返回。因此，API被单独调用，数据被返回到操作有效负载。
import { INDEX_PRESCRIPTION } from '../constant.js';
function fetch_prescription(){
const base_url= "http://192.168.1.22:3000/api/v1/";
const fetch_url = `${base_url}/prescriptions`;
let da
浏览 0提问于2018-01-29得票数 0
我对react-redux和ie有问题(目标是11)。
Project with :
> "react": "^16.5.1",
> "react-dom": "^16.5.1",
> "react-redux": "^5.0.7",
> "redux": "^4.0.0",
> "@babel/XXX" : ^7.0.0
和babel一起得到了填充材料：
"babel&#
浏览 0提问于2018-10-04得票数 1
回答已采纳
我正在创建一个表单，用于更新来自mongodb的数据--如果存在currentId，则可以获取数据并添加更改，然后所有数据都将填充到表单上，但是，我的问题是无法编辑，或者不能在输入中键入任何内容来编辑值。我真的需要你的眼睛去看一些错过或错过的东西。提前谢谢各位。
剖面容器
import React, { useState, useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { getProfile } from '../..
浏览 1提问于2021-04-08得票数 1
回答已采纳
如果可能的话，我想让我的主组件状态知道而不创建额外的文件.这是我的密码：
import React from 'react';
import { Provider } from 'react-redux';
import { connect } from 'react-redux';
import store from './store';
const App = ({ isAuthenticated }) => {
return (
<Provider store={store}>
浏览 0提问于2019-08-21得票数 4
回答已采纳
2回答
我正在尝试通过动作创建器向reducer提交表单数据，但它无法工作的anyway.The页面正在重新加载。我无法抗拒。
下面是我的代码
import React, { Component } from 'react';
import { connect } from 'react-redux'
import {addName} from '../Actions/actionCreators'
class about extends Component {
constructor(props){
super(props)
浏览 5提问于2019-08-02得票数 0
1回答
我用制作简单的博客。作为包，我使用redux表单，我做了一些事件，如post，get，delete，但是我无法形成编辑，因为我无法在编辑中获得值、标题和正文。我试图用this.props.edit.title中的componentwillMount初始化来解决这个问题，但是当我用ComponentWillMount编写ComponentWillMount时，无法读取未定义的属性的“标题”是错误的。
如何解决这个问题，如何以编辑的形式获得值。
import React, { Component, PropTypes } from 'react';
import * as acti
浏览 2提问于2016-05-30得票数 2
回答已采纳
我创建了一个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
回答已采纳
app.js文件中的代码带有react redux的导入语句，用于显示一个标题，其中包含一个名为"Tech stack“的文本。
App.js
import React from 'react';
import { View } from 'react-native';
import { Header } from './components/common';
import { Provider } from 'react-redux';
import { createStore } from 'redux
浏览 0提问于2019-07-10得票数 4
我有一个父组件Course，它能够从redux获得状态，并且我能够成功地登录：
import React, { Component } from "react";
import { connect } from "react-redux";
import SchoolWrapper from "../SchoolWrapper";
export class Course extends Component {
constructor(props) {
super(props);
console.log("Props
浏览 3提问于2021-12-12得票数 1
回答已采纳
我一直在尝试按照Redux文档中的说明将我的整个App()封装在<Provider>中(以使用我的Redux存储)，如下所示：
import './App.css';
import MenuItems from './components/Navbar/MenuItems';
import ReactDOM from 'react-dom';
import React, { useState } from 'react';
import { createStore } from 'redux';
imp
浏览 2提问于2021-04-09得票数 0
我尝试使用react-hook和redux编写代码来进行状态管理，使用axios来处理数据库请求，并使用Thunk作为中间件来处理异步。我在一个组件中遇到了问题，该组件执行get请求来检索以前是componentwillreceiveprop的客户列表
# Action
export const actGetProductRequest = id => dispatch =>
callApi(`products/${id}`, "GET").then(res =>
dispatch({
type: types.EDIT_PRODUCT,
浏览 2提问于2019-09-13得票数 5
我一直在试图弄清楚这一点，但我不知道我做错了什么。我已经将React-Redux设置为从Firebase导入/编辑数据。我可以获取数据，但似乎不能在数据库中映射以使用每个数据库项。每个项目都将是一个对象，其中包含有关北国道路上的问题的各种数据。它将有一个名称，位置，描述等。
我可以从Firebase访问数据。我可以console.log数组，其中包含每个跟踪对象的信息。我无法将其显示在屏幕上。
我要么得到这个error: TypeError: Cannot read property 'map' of undefined，要么得到一个关于对象作为React子级无效的错误。
下面
浏览 0提问于2020-02-04得票数 1
1回答
我正在使用一个react应用程序，我正在使用react-loadable和react-redux。当我开始这个项目时，我没有使用react-redux，而且可加载组件工作得很好。但是现在我想使用redux (我正在学习.)我无法使它起作用：
我不知道我该做什么。
谢谢！(：
错误
index.js
import 'react-app-polyfill/ie9'; // For IE 9-11 support
import 'react-app-polyfill/ie11'; // For IE 11 support
import './polyfi
浏览 0提问于2019-01-04得票数 1
1回答
使用jest时，我想检查函数是否被调用，分派方法是否在我的函数组件中调用。我无法创建间谍函数，因为它是一个功能组件，并且我没有访问实例对象的权限。
import React, { Component } from 'react';
import { useDispatch } from 'react-redux';
import styles from './style.module.scss';
const AddTask = () => {
const dispatch = useDispatch();
const han
浏览 3提问于2021-02-23得票数 0
回答已采纳
我有一个React类，它在react-redux的Provider中呈现。
<Provider store={store}>
<First/>
</Provider>
因此，我可以很容易地在react-redux的mapDispatchToProps和mapStateToProps中使用First。
但是在First中，我呈现的另一个组件如下所示：
ReactDOM.render(
React.createElement(Second),
document.getElementById('preview-right&#
浏览 1提问于2017-01-07得票数 1
1回答
我在使用react-redux更新新数据时遇到了一个问题，Add和remove都工作得很好，但当我想要编辑其中一个数据时，它会返回null对象。我不确定是哪个阶段导致了错误。 action.users.js import { v4 as uuid } from 'uuid';
// ADD_USER
export const addUser = ({ username = '', location = '' } = {}) => ({
type: 'ADD_USER',
user: { id: uuid(), us
浏览 14提问于2020-09-02得票数 0
回答已采纳
因此，我试图从API中获取用户数据。我想要创建存储两种数据类型的存储，即总用户数据和当前用户数据，而不是身份验证系统，而是只显示当前用户的数据。
由于redux工具包，我在NextJS应用程序中得到了以下错误，似乎无法解决这个问题。错误是：
TypeError: Cannot read properties of undefined (reading 'getState')
at /Users/karnikkanojia/Desktop/demo/node_modules/react-redux/lib/components/Provider.js:32:57
浏览 6提问于2022-06-12得票数 0
回答已采纳
如何使用state属性从react-redux指定由react-meteor-data注入的数据
react组件的结构如下：
import React from "react";
import {createContainer} from "meteor/react-meteor-data";
import {connet} from "react-redux";
import {Data} from "./data.js"
class App extends React.Component {
r
浏览 5提问于2016-04-20得票数 3
回答已采纳
我有一个React容器，它连接到Redux Store。我的Redux有一个数据数组，我在mapStateToProps中使用这些数据。但我无法在JSX内部使用它。没有错误。但是，浏览器中没有显示任何内容。控制台记录对象会给出属性。
import React from 'react';
import {connect} from 'react-redux';
class CurrentStore extends React.Component {
render () {
console.log(this.props.current);
re
浏览 3提问于2017-07-01得票数 0
回答已采纳
我在一个应用程序中使用了reactstrap，但是发现了一些关于react的问题。这个
import CarouselExample from './Sliders/CarouselExample';
render() {
return (
<React.Fragment>
<div id="container">
<CarouselExample />
</div>
</React
浏览 12提问于2019-08-23得票数 2
回答已采纳
8回答
我使用create-react-app cli创建了一个新react应用程序。然后，我使用npm install --save react-redux添加了'react-redux'库。
在package.json中，我有：
"react-redux": "^4.4.5"
不幸的是，这个应用程序不能编译，它会抱怨：
Error in ./~/react-redux/lib/utils/wrapActionCreators.js
Module not found: 'redux' in C:\Users\Salman\Desktop
浏览 122提问于2016-10-17得票数 87
回答已采纳
我试图呈现从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
回答已采纳
2回答
我刚刚开始使用React/Redux，当我测试Redux时，一切都工作得很好。
但是，我无法将其连接到我的实际应用程序中。
我假设我应该使用connect()，但我不知道如何使用/在哪里使用。
// libraries
import React from 'react';
import ReactDOM from 'react-dom';
// redux
import { Provider } from 'react-redux';
import store from './redux/store';
import '
浏览 0提问于2017-09-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
即时通信 IM活动推荐
腾讯云开发者
