ReactJs/Redux在reducer调用之间维护状态
ReactJs/Redux是一种用于构建用户界面的JavaScript库，它通过组件化的方式来管理应用的状态和数据流。在ReactJs/Redux中，reducer是一个纯函数，用于处理应用的状态变化。它接收旧的状态和一个action作为参数，并返回一个新的状态。
维护状态的过程如下：
- 创建一个初始状态对象，该对象包含应用的初始数据。
- 定义一个reducer函数，根据不同的action类型来更新状态。reducer函数根据action的类型来判断如何更新状态，并返回一个新的状态对象。
- 在应用中使用Redux的store来存储状态。store是一个包含状态和reducer的对象，它提供了一些方法来访问和更新状态。
- 在组件中使用connect函数将状态和操作状态的方法连接到组件上。connect函数是Redux提供的一个高阶函数，它接收一个组件作为参数，并返回一个新的组件，新的组件可以访问和操作状态。
- 在组件中使用dispatch方法来触发action，从而更新状态。dispatch方法是store提供的一个方法，它接收一个action作为参数，并将action传递给reducer来更新状态。
ReactJs/Redux的优势：
- 单一数据源：Redux使用单一的状态树来管理应用的状态，使得状态的变化可预测且易于调试。
- 可预测的状态变化：通过使用纯函数的reducer来处理状态的变化，Redux确保状态的变化是可预测的，从而简化了应用的调试和测试。
- 组件化开发：ReactJs/Redux采用组件化的开发方式，使得应用的各个部分可以独立开发、测试和重用。
- 中间件支持：Redux提供了中间件机制，可以在action被派发到reducer之前进行一些额外的处理，例如异步操作、日志记录等。
ReactJs/Redux的应用场景：
- 大型应用：对于复杂的大型应用，ReactJs/Redux提供了一种可预测且易于维护的状态管理方案。
- 实时数据更新：对于需要实时更新数据的应用，Redux的单一数据源和可预测的状态变化特性可以很好地满足需求。
- 跨平台开发：由于ReactJs/Redux是基于JavaScript的，可以用于开发Web应用、移动应用甚至是桌面应用。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用场景。产品介绍链接
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务。产品介绍链接
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的数据。产品介绍链接
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者快速构建和部署人工智能应用。产品介绍链接
- 物联网套件（IoT Hub）：提供一站式的物联网解决方案，包括设备管理、数据采集、数据分析等功能。产品介绍链接
- 区块链服务（BCS）：提供高性能、可扩展的区块链服务，帮助开发者构建和管理区块链网络。产品介绍链接
- 腾讯会议：提供高清、流畅的在线会议服务，支持多人视频通话、屏幕共享等功能。产品介绍链接
相关·内容
我一直在尝试将Redux Action和Reducer连接到我的组件。但它似乎不能正常工作。 目前，当我调用我的Action时，它确实到达了那个Action，但它不会移动到我的reducer上。我想我在这里遗漏了一些东西，但很难找出问题所在。 有人能帮我解决这个问题吗？ 谢谢。 以下是我的操作： export const getItem = () => {
return (dispatch, getState) => {
debugger;
dispatch({
type: 'API_REQUEST',
options:
浏览 18提问于2018-12-27得票数 0
我想访问redux-工具箱在Next.js的getStaticProps上的状态
(在商店中保存了accessToken之后，我想从getstaticprops中访问它所需的api )
所以我试着像这样
export default function Page({ state }) {
console.log(state)
return <>...</>
}
export const getStaticProps = wrapper.getStaticProps((store) => {
return async () => {
cons
浏览 0提问于2021-11-11得票数 0
我是个新手。我创建了一个演示application.And，我试图在单击按钮时隐藏消息。1)但该操作不会在单击按钮时调用。2)当控制台页面重载时，reducer.This内部的action显示如下。
inside reducer
redux.js:30 Object {type: "@@redux/INIT"}
redux.js:31 Object {}
redux.js:29 inside reducer
redux.js:30 Object {type: "@@redux/PROBE_UNKNOWN_ACTION_j.r.h.g.s.q.b.y.b.9"}
浏览 13提问于2017-06-20得票数 0
回答已采纳
我正在审查React Redux应用程序中的一些代码，发现Redux存储中有三种状态，每个状态的更改都由不同的还原器(组合减速器)处理。类似于以下内容：
src/模型
--model1
--model2
--model3
src/减速器/index.js
const rootReducer = combineReducers({
model1Reducer,
model2Reduce,
model3Reducer
})
src/减速器/型号1减速器
// import model1 here
const model1Reducer = (state = model1, actio
浏览 0提问于2019-03-28得票数 0
1回答
如果我在Redux的reducer中有一个状态，我应该在一个函数组件中有一个'local‘状态吗？或者我应该只使用reducer中的状态？更清楚的是...如果我正在使用Redux，我应该使用像(useState)这样的React钩子吗？
浏览 1提问于2020-11-02得票数 0
1回答
我正试图把我的头脑集中在理论和实践中，在reactjs...and中实现行动，我被困住了！好的-让我们从我的简单应用程序测试应用程序的缩略图开始：
我正在创建一个由一系列引导按钮组成的简单应用程序
我有一个还原器，它定义了这些按钮的属性(下面是代码片段)：
{id: 1，名称：'Power'，键入：'btn'，activeStyle：‘btn-主“，defaultStyle：’btn-主”，selectedStyle：‘btn--成功’，disabledStyle：‘btn-默认’，labelText：'Power‘，labelTextSize：
浏览 0提问于2017-01-30得票数 2
回答已采纳
1回答
我正在挖掘与Redux的反应，以重写我们的产品。使用Redux 清除了Redux周围的大量雾。然后，我发现React路由器使状态管理变得混乱，并在redux路由器中找到了解决方案。
现在我想把这些优秀的库结合起来。但我觉得我在配置上做错了什么。这是密码。从的一个沙箱示例开始，我将configureStore.js文件更改为(为了简单起见，我省略了用户还原程序的代码)
import { connectRoutes } from 'redux-first-router';
import { configureStore, getDefaultMiddleware } from &#
浏览 4提问于2020-01-16得票数 2
回答已采纳
我对Redux相当陌生，我试图理解为什么combineReducers函数要两次调用还原器。
我的还原器/index.js看起来如下
import {combineReducers} from "redux"
const AReducer = (state = "A", action) =>{
console.log("In A reducer")
switch (action.type){
case "Alpha":
return state + action
浏览 10提问于2022-04-19得票数 1
回答已采纳
所以我想知道是否有任何方法可以在redux reducer中使用多个assocPath方法。我想要做的是更新redux reducer中对象和数组的状态，而不改变它。我必须在多个对象/数组中设置一个值。我尝试的方法是通过创建对象的克隆并更新它，然后再次将其设置为状态，这是我在组件状态下所做的。所以目前我在我组件状态下做了一些类似的事情。我希望在redux reducer中做类似的事情。
let newState;
newState = _.assocPath(["project", "value"], project, this.state);
浏览 2提问于2020-02-19得票数 0
我在下拉组件中使用复选框菜单，当用户检查下拉复选框中的任何选项时，状态将被更新，这很好，现在我想将状态使用到我的另一个组件中，我知道redux用于兄弟姐妹之间的通信，但我面临的问题是我的下拉代码。
import { connect } from "react-redux";
const options1 = [
{label: 'One', value: 1},
{label: 'Two', value: 2},
{label: 'Three', value: 3},
];
class _Dropdown extend
浏览 4提问于2020-09-07得票数 0
回答已采纳
我可以从Redux状态返回值，当我进行API调用时，我会看到这些值正在注销，但状态没有更新。我用Redux商店建立了一个基本的应用程序来证明这一点。我还包括了Thunk库，它是异步状态操作(比如API)所必需的。我的猜测是，在还原器的末尾，我没有正确地返回状态，因为再次，如果我记录这些值，就会返回详细信息。
为了尽可能地合并代码，我只包括必要的部分：
export default function App() {
const OtherVal = useSelector((state) => state.reducer2.WorkoutDetails);
const d
浏览 3提问于2022-02-10得票数 0
回答已采纳
1回答
我正在尝试使用material UI创建一个聊天功能。我创建了一个功能，用户可以发布新的聊天消息，然后通过reducer发送，然后保存在redux存储中。除了新的聊天消息仅在用户刷新页面后才会出现之外，此过程按预期工作。我想知道为什么我的渲染函数没有更新。这是主要的聊天显示。 const ChatFunction = (props) => {
const classes = useStyles();
const { user } = props;
const userMessages = props.userMessages || {};
};
const mapStat
浏览 15提问于2021-08-23得票数 1
回答已采纳
2回答
我对授权有疑问。
我使用Redux在ReactJS中编写了SPA。我使用Axios的Ajax请求，我想通过axios处理任何ajax请求，并使用拦截器，它可以注销，如果响应状态是401。
SPA在redux store中存储有关授权的信息。
我不知道如何从非组件的函数中分派操作。
现在我用令牌删除cookie和硬页面重载来处理它(我不喜欢这个解决方案)。
我可以从连接到redux store的任何组件中分派注销操作，但不能从函数中分派，并且我不希望手动处理每个请求中的状态401。
你能帮我一下吗？
下面是一些简化的代码
myAjax.js
import axios from 'axio
浏览 2提问于2016-04-08得票数 3
边学边学 我遇到了 ..。文档说明： reducer是一个纯函数，它接受前一个状态和一个操作，然后返回下一个状态。(previousState，动作) => newState。它被称为reducer，因为它是传递给Array.prototype.reduce(reducer，initialValue)的函数类型。 MDN描述了 方法如下： reduce()方法对累加器和数组的每个值(从左到右)应用一个函数，以将其减少为单个值。 我仍然不明白为什么Redux定义了一个Redux的reducer，因为它没有任何意义。其次，MDN的描述似乎也不正确。The The The 方法并不总是用
浏览 110提问于2016-11-15得票数 73
回答已采纳
我想将redux状态的值从reducer传递给另一个reducer。在我的例子中，我希望将groups的值从groupReducer.js中的状态传递给scheduleReducer.js。我使用redux中的combineReducers将它们组合在一起。
下面是我的代码：groupReducer.js
...
const initialState = {
groups: [],
...
export default function(state = initialState, action) {
switch (action.type) {
case FETCH_GROUPS:
浏览 3提问于2018-10-28得票数 3
解决办法(更新)：
我认为任何操作都会导致redux调用mapState函数，但是当一个操作没有改变任何东西时，情况就不是这样了。
我有一个localStorage模块，它分发操作，但不改变状态，而是将您的意志写到localStorage。模块具有容器中使用的选择器，但在状态实际更改之前不会被调用，因此UI只有在分派了另一个更改状态的操作后才能正确显示。
问题
当我将存储放在窗口(window.store=store)中时，在mapStateToProps中添加一个console.log，然后在控制台中分配一个操作：store.dispatch({type:'some
浏览 0提问于2019-05-10得票数 1
回答已采纳
我的redux存储中有以下数据：
data: [
0: {
name: "Mark Zuckerburg",
description: "Facebook CEO"
},
1: {
name: "Sheryl Sandberg",
description: "Facebook COO"
},
2: {
}
]
以下是我在reducer中的代码：
// This is how I store my data lists
浏览 2提问于2017-02-19得票数 0
这是我的index.js。问题是Chackout路由不能单独显示，比如我在同一页上有'/‘路由和/chackout路由。我尝试了所有方法，但都不起作用，因为我不能将状态从redux发送到checkout组件。 我已经尝试使用HashRouter实例路由器，并从历史包中将历史更改为hashHistory导入。问题仍然是一样的，我可以只在与我的主页组件相同的页面上呈现redux store，而不是在CheckoutContainer组件中。 import React from 'react'
import { render } from 'react-dom
浏览 22提问于2020-05-01得票数 0
2回答
我有一个连接到'items‘reducer的react容器。通过导航到另一个页面，例如用户配置文件，我希望从服务器获取用户的“项目”列表并更改状态。问题是，如果我从主页导航，项目状态已经充满了数据，然后在用户页面上，我看到旧的几秒钟，直到它从api调用中更改。我正在考虑为userItems创建新的userItems，但是，如果我将导航到另一个用户页面，我将在几秒钟内看到以前的reducer。
解决方案是获取数据，并只将其保持在react组件状态？而不是redux？
谢谢。
浏览 1提问于2017-11-16得票数 3
我是一个反应的初学者-Redux。我想了解state参数在mapStateToProps(state)中。我们应该考虑state的组件状态还是Reducer State？我真的需要理解Redux的幕后故事。
码
function mapStateToProps(state) {
return {
course: state.course
};
}
浏览 0提问于2019-09-04得票数 0
回答已采纳
我正在开发一个React应用程序，并使用Redux存储状态。我有以下代码：
requests.data.js：
export default {
requests: [
{
"id": 9,
"timestamp": Date.now(),
"description": "Need help with ordering",
"status": "Completed"
浏览 2提问于2020-04-02得票数 0
回答已采纳
我正在使用react-redux-notify在我的应用程序中显示通知。我正在为我的应用程序使用一个功能组件。我已经跟随了所有的指南给他们的吉特布回购。我在下面分享了我的代码。
combineReducers.js
import { combineReducers } from 'redux';
import notifyReducer from 'react-redux-notify';
import reducer from './reducer';
export default combineReducers({
rootReduce
浏览 4提问于2019-09-24得票数 1
回答已采纳
3回答
我希望将我的isAuthenticated状态保存在本地存储中，所以在刷新页面之后，用户将被登录。我尝试简单地将其设置为localStorage中的ti true/false，并在redux中将状态的初始值设置为此值，但它总是将其设置为true。
这是我的redux商店
import { createSlice, configureStore } from '@reduxjs/toolkit';
//MOVEMENTS (doesn't work yet)
const initialMovementsState = {
movements: [],
};
con
浏览 6提问于2021-07-17得票数 13
回答已采纳
我有多个还原剂，我在我的redux应用程序中组合在一起。
const reducers = combineReducers({
reducer1,
reducer2,
reducer3
});
当用户执行注销时，如何删除该用户的整个redux状态？
浏览 0提问于2018-05-14得票数 3
回答已采纳
1回答
我想在getInitialProps中调用API，然后将响应保存在redux store.so中，如何调用调度存储并覆盖初始道具？
现在，在从API中获取数据之后，我可以将值分配给还原器，它也可以保存数据，但是在保存数据之后，我的应用程序调用了初始道具(我不知道它在哪里改变状态)，并将新保存的数据重写为初始道具。
main.js
class StepThree extends React.Component {
static async getInitialProps({ reduxStore, req }) {
let encID = req.query.id //null
浏览 0提问于2019-03-27得票数 0
回答已采纳
我要ReactJS主页。我已经完成了我的登录页面。但是我想通过在登录前添加一个登录页面来扩展我的项目。我是ReactJS的初学者。我做了登录页面。但是我不知道如何创建一个包含loginpage的导航栏的主页，并在运行后路由到登录页面。请任何人帮我编码这个项目。这是我的loginform.js页面：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { login } from '../../redux/reducer';
浏览 0提问于2018-04-18得票数 2
回答已采纳
在我的reactJs应用程序中，我使用redux-thunk，当我更新redux状态时，我的无状态组件没有得到更新的状态值。
我的Addons.js
import React from 'react';
import {connect} from 'react-redux';
import {addOnSelected, addonsCount, updateVehData} from '../../actions'
import { Card,Row,Col,Avatar } from 'antd';
import { Coll
浏览 0提问于2018-10-25得票数 1
回答已采纳
2回答
我想知道是否可以将templateLiteral作为变量名进行求值，然后使用它来引用导入。 到目前为止，这是我的代码： //These are redux action types
import * as fileTypeOneActions from "./fileTypeOne/actionTypes"
import * as fileTypeTwoActions from "./fileTypeTwo/actionTypes"
import * as fileTypeThreeActions from "./fileTypeThree/actio
浏览 45提问于2021-04-23得票数 0
1回答
我被文档搞糊涂了。我正在尝试使用中间件，这是他们展示商店是如何使用中间件创建的：
const middleware = storage.createMiddleware(engine);
const createStoreWithMiddleware = applyMiddleware(middleware)(createStore);
const store = createStoreWithMiddleware(reducer);
但显示：
let store = createStore(
todos,
[ 'Use Redux' ], // How do I pu
浏览 7提问于2017-05-15得票数 1
我开始使用redux，只是为了测试，我开始使用combineReducers进行更结构化的设计，但它并不像每个人建议的那样工作。我一直在抓挠我的方法的错误之处，因为我关注了他们官方网站上的每一个点。 index.js import React from 'react';
import {createStore} from 'redux';
import {Provider} from 'react-redux';
import ReactDOM from 'react-dom';
import './index.css
浏览 17提问于2020-12-21得票数 0
回答已采纳
我有以下代码。它使用的是较旧版本的React，但是为什么redux存储状态!!this.state.checked在render()中显示为false ...尽管defaultState是true index.js import ReactDOM from 'react-dom';
import React from 'react';
import { createStore } from 'redux';
const defaultState = { checked: true };
const reducer = (state = d
浏览 16提问于2020-11-05得票数 0
回答已采纳
1回答
如何进行单元测试？
、、、、
我正在为redux存储使用还原沙司库，并且我想在其中单元测试一个redux存储。redux文件：
import { createReducer, createActions } from 'reduxsauce'
import Immutable from 'seamless-immutable'
/* ------------- Types and Action Creators ------------- */
const { Types, Creators } = createActions({
getLanguage: [],
setLang
浏览 0提问于2019-03-19得票数 6
回答已采纳
我现在正在构建一个Angular 1.5应用程序，我正在逐步地向其中添加Redux。我遇到一个问题，我很难找到一个好的解决方案。我的应用程序主要处理显示数据的小部件，并管理定义在这些小部件中显示哪些数据的配置。随着我向Redux添加更多的状态，小部件减少器变得越来越庞大。我已经将它分解成几个较小的reducers，但现在我想知道像这样的设置的可维护性。
从本质上说，我担心在未来，修改一个reducer或添加一个操作小部件数据的新操作，然后忘记调整所有其他reducer以适应系统的这个新方面，这太容易了。或者，小部件状态通过reducers更改的各种方式将变得如此复杂，以至于很难确保我已经正确地
浏览 9提问于2017-07-15得票数 0
回答已采纳
目前我正在学习Redux，我现在遇到的问题是，当有人点击这个按钮时，selectall复选框应该是有效的。结果是所有的复选框都应该被切换(选中或取消选中)。但现在我坚持我的逻辑。当有人调用selectAll函数时，它应该遍历所有的输入复选框，并且从那时起它应该选中或取消选中所有的复选框。 import React from 'react';
import { selectAll } from '../actions';
import { connect } from 'react-redux';
const CheckAll = () =
浏览 6提问于2019-05-26得票数 0
我正在尝试使用React + Redux + thunk获得更深层次的知识 考虑一下，在这种情况下，我使用react-redux和redux-thunk！ 例如，我的应用程序中有2个reducer： function loadingReducer(state = false, action) {
console.log('loadingReducer');
switch(action.type) {
case 'LOADING':
return action.loading
浏览 38提问于2019-06-03得票数 3
为什么我的store.getState返回未定义的值！我是ReactJS和Redux的新手，这里是我的代码
import {createStore} from 'redux';
const initialState = {
salary: 1000,
}
const reducer = (state=initialState, action) => {
switch (action.type) {
case "ADD":
state = {
salary: state.salary+=action.pay
浏览 0提问于2018-03-11得票数 4
目前，我正在尝试使用以下代码创建一个redux存储。
import { createStore, Action } from "redux";
interface State {
page: string;
}
const reducer = (state: State, action: Action) => {
return state;
};
export const store = createStore(reducer);
但是我在createStore函数中得到了一个错误，告诉我
No overload matches this call.
Ove
浏览 79提问于2021-05-27得票数 0
回答已采纳
1回答
ReactJS将不接受该商店
、、、、
由于"createStore“的贬值，我正在尝试将我的redux商店从"configureStore”更新为"createStore“。我在ReactJS 17上使用TypeScript，Redux / Redux依赖关系版本如下：
"redux": "^4.2.0",
"redux-devtools-extension": "^2.13.9",
"redux-thunk": "^2.4.1",
"@reduxjs/toolkit": "^1.8.3&
浏览 9提问于2022-07-26得票数 0
回答已采纳
我试图在redux中插入项目，但当我单击按钮时，我得到以下错误： TypeError: state.reduxCart is not iterable 我的Reducer代码： const INITIAL_STATE = {
reduxCart: [],
reduxCartCounter: 0
}
export default (state = INITIAL_STATE, action) => {
switch (action.type) {
case 'ADDITEM':
return {
浏览 13提问于2020-11-27得票数 1
2回答
我使用的是react-redux webapp，到目前为止，所有操作都与ajax请求相关，所以我使用redux thunk and axios。现在，我正在使用一个组件，它将从名为“tasks”的对象中创建一个列表。这应该非常简单:动作调用发送任务对象，reducer将其添加到'tasks‘状态中的一个数组中。
问题是，当被调用时，reducer总是重写tasks对象数组。在reducer调用开始时执行console.log，我看到状态总是空的。
代码如下：
import {DROP_TASK} from '../actions/types'
export defau
浏览 9提问于2017-06-24得票数 2
1回答
考虑一下这两个缩减程序：
const reducer = (state = initialState, action) => {
switch(action.type){
case 'changeName' :
return { ...state, name: action.name }
default:
return state
}
}
和：
const reducer = (state = initialState, action) => {
switch(ac
浏览 1提问于2020-10-25得票数 0
在我的react-native应用程序中，如果用户离线，我将使用redux-persist来显示商店中存在的数据。但是在添加redux-persist之后，我得到了错误state.merge is not a function。我认为这是一个不变性的错误。请帮我解决这个问题。 rootChangeReducer.js import * as types from '../actions/login/ActionTypes';
import Immutable from 'seamless-immutable';
const initialState = Im
浏览 101提问于2019-03-12得票数 0
1回答
我能像这样进入一个州吗？
、、、、
源代码
redux.js
import parent_reducer from './parent_redux';
import { combineReducers } from 'redux';
export default combineReducers({ parent:parent_reducer });
parent_redux.js
import { combineReducers } from 'redux';
import { createAction, handleActions } from 'redux-actio
浏览 2提问于2018-01-01得票数 1
回答已采纳
我对Redux并不熟悉，所以尝试在我的应用程序中实现这一点--我得到了以下错误：
Uncaught TypeError: (0 , _index2.default) is not a function
关于如何实现Redux设置，并没有完整的文档。我知道这个网站：，但是这并没有多大帮助。
不知道我错过了什么？
这是我的档案：
Client.js
//Client entry
//Application modules
import React from "react";
import { Provider } from "react-redux";
impo
浏览 0提问于2016-05-05得票数 0
回答已采纳
我对学习redux完全陌生。在工作期间，我探索了当我将多个reducers捆绑在redux store (combineReducers)中，并且有多个独立的action creators，并且我使用useDispatch一次传递一个特定的action creator时，redux如何知道它应该与哪个reducer通信？为什么不和错误的reducer混在一起
浏览 8提问于2022-06-09得票数 0
我刚接触了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回答
反应本地Redux减速机不工作
、、、、
我试图将redux实现为一个相对简单的应用程序，但是我的操作似乎没有正确地触发还原器。通过控制台记录，该操作似乎正在启动，但没有执行相应的还原器。
App.js：
import {Provider} from 'react-redux';
import configureStore from './src/config/configureStore.js';
const store = configureStore();
export default class App extends React.Component {
render() {
retu
浏览 0提问于2018-05-06得票数 1
回答已采纳
3回答
每当将该项选择添加到购物车中时，我将尝试保存用户的项选择。我使用Redux在特定项上按add to cart键传递项目数据。在我的Cart组件中，我可以查看添加到购物车中的最后一个项的项选择数据。这个用户选择项数据看起来像Object {price: 25, item: "Hoodie", size: "medium"}。我希望能够在我的Cart组件中存储添加到购物车中的每个选择。我是Cart
import React, { Component } from 'react';
import {addCart} from './Shop&#
浏览 6提问于2017-07-18得票数 5
回答已采纳
你好，reactjs开发者。我被开发了一个身份验证系统。当用户提交用户名和密码，然后状态更改和加载微调器将呈现和redux操作将被激发。如果认证失败，则将数据传递给reducer和登录功能组件，清除状态或设置初始状态。但我无法理解如何清除或设置初始状态。请看我的截图。我使用的是redux &函数组件。
浏览 4提问于2020-12-27得票数 0
4回答
我只想从api中获取数据并在前端显示。我使用Redux调用api，使用它的操作和还原器。在还原器中，我把intialstate作为空的array.When API成功调用，我正在更新存储state.Below是一个实用的，它可以帮助理解概念。
store.js
import { createStore } from 'redux';
import reducer from './reducers/reducer';
let store = createStore(reducer)
export default store
actions.js
import {
浏览 1提问于2018-11-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
