Redux-来自外部交互的表单更新字段值
Redux是一个用于管理JavaScript应用程序状态的开源库。它可以帮助开发人员更好地组织和管理应用程序的状态，并提供一种可预测的状态管理解决方案。
Redux的核心概念包括：
- Store（存储）：应用程序的状态被存储在一个单一的JavaScript对象中，称为store。它是应用程序状态的唯一来源，并且是只读的。
- Action（动作）：Action是一个描述发生了什么的普通JavaScript对象。它们是改变应用程序状态的唯一方式，并通过dispatch函数发送给store。
- Reducer（归约器）：Reducer是一个纯函数，它接收先前的状态和一个action，并返回一个新的状态。它用于根据action的类型来更新store中的状态。
- Dispatch（派发）：Dispatch是一个函数，用于将action发送给store。当应用程序中的某个事件发生时，可以调用dispatch函数来触发状态的更新。
Redux的优势包括：
- 可预测性：Redux使用单一的状态树和纯函数来管理状态，使得状态变化可预测且易于调试。
- 可维护性：Redux的架构使得应用程序的状态和逻辑被清晰地组织和管理，使得代码更易于维护和扩展。
- 可测试性：由于Redux的状态和逻辑被分离，可以更容易地编写单元测试和集成测试。
- 生态系统丰富：Redux拥有庞大的生态系统，有许多与其兼容的第三方库和工具，可以帮助开发人员更高效地构建应用程序。
Redux可以应用于各种场景，特别适用于大型应用程序或需要共享状态的应用程序。它可以与React、Angular、Vue等前端框架结合使用。
腾讯云提供了云原生应用开发平台Tencent Serverless Framework（TSF），可以帮助开发人员更轻松地构建和部署基于Serverless架构的应用程序。TSF支持使用Redux进行状态管理，并提供了与Redux集成的相关文档和示例代码，可以参考Tencent Serverless Framework文档了解更多信息。
请注意，以上答案仅供参考，具体的技术选型和推荐产品应根据实际需求和情况进行评估和选择。
相关·内容
2回答
Redux Thunk为什么我必须调用dispatch()两次？
reactjs、redux、redux-thunk
注意，我使用dispatch()调用setStepPositionIndex()。当我将dispatch(...)删除为setStepPositionIndex()时，我希望setStepPositionIndex()中的分派调用将接收它传递的普通操作对象并分派它……
Alternatively，如果我删除setStepPositionIndex()中的dispatch()调用(并保留dispatch(setStepPositionIndex())，同时显式返回其中的纯actionObj，我将期望使用dispatch(setStepPositionIndex(actionObj))成功分派
，
浏览 132提问于2018-09-04得票数 0
回答已采纳
1回答
Redux:为什么我们需要动作？
javascript、redux、ngrx
我正在与NgRx合作实现Redux。我正在尝试理解redux模式。为什么我们需要调度一个操作？为什么我们不能直接从下面的服务代码调用userReducer函数，传递正确的操作呢？谢谢! 服务代码： this.store.dispatch(new userActions.SetName({"bob"}) user.action.ts： readonly type = UserActionTypes.SET_NAME
constructor(public payload: string) { }
} user.reducer.ts： export func
浏览 12提问于2020-11-11得票数 1
回答已采纳
1回答
反应动作、减速机及连接语法
reactjs、redux、react-redux、store、connect
我有以下的反应代码，以创建一个booleen真/假在Redux商店，然后用来打开/关闭一个材料UI抽屉/侧菜单。
我是新的反应，我想问我所做的是正确的，或者我是否犯了明显的错误等等。
注意:解决方案有效(它按预期打开/关闭抽屉)。我只想知道我是否应该以不同的方式编码.另外，我还删除了一些代码，这样就可以更容易地读懂.
行动档案：
export const setDrawerPopOutMenuStatus = {
type: 'DRAWER_POPOUT_MENU_STATUS'
}
减速机档案：
import { combineReducers } from '
浏览 0提问于2017-09-25得票数 0
回答已采纳
1回答
使用支持中间件的rxjs很容易遵循redux核心吗？
node.js、redux、rxjs
我的团队目前正在维护一个使用的有状态节点服务器。我们希望在这个项目中使用Redux中间件()来清理逻辑。我在几个地方发现，您可以使用rxjs来实现与Redux相同的结果。
因此，我们不希望安装另一个依赖项，即Redux，如果我们已经安装了可以执行相同任务的Rxjs。
然而，的示例实现似乎都只解决了使用的问题，我们希望使用。我们发现了，但是它有点难理解，最好是有一个精简的版本，适合一个文件。
因此，我的问题是，有人能分享或指点给我一个支持添加redux中间件的小型rxjs示例吗？
来自：
const Subject = Rx.Subject;
// create our stream as a
浏览 0提问于2019-08-19得票数 0
1回答
从Redux thunk获取数据
reactjs、redux、react-redux
我刚刚开始在React应用程序中实现Redux，这是我第一次尝试，所以请容忍我。我的问题是我无法访问组件(这个this.props.questions )中的数据
我有一个简单的操作，它应该异步获取一些数据。
export function fetchQuestions(url) {
const request = axios.get('url');
return (dispatch) => {
request.then(({data}) => {
dispatch({ type: 'FETCH_QU
浏览 3提问于2017-10-31得票数 1
回答已采纳
2回答
在react中获取未定义的错误值
reactjs、react-redux、mern
我想在我的应用程序中使用错误值作为警报。我的服务器响应也给出了正确的响应。但在反应中使用时，错误值显示为undefined。
<b>Response Getting from API request</b>
{"success":false,"error":"Product Not Found"}
<b>code in react file</b>
const alert = useAlert();
const dispatch = useDispatch();
浏览 14提问于2021-11-16得票数 0
4回答
已回答未捕获的TypeError: state.concat不是函数错误
reactjs、redux
我正在遵循React和redux的教程，但在视频的结尾，我得到了一个错误，即使我有相同的代码。
未捕获的TypeError: state.concat不是函数
任何帮助都将不胜感激！
//action is a parameter and the reducer is the function
//We will make change to the state based on the action (function)
//Function will be reducers
const cards = (state, action) => {
switch (actio
浏览 0提问于2017-09-02得票数 4
4回答
只有包装在{}周围的array.filter参数才能工作。
javascript、reactjs、redux
我是JavaScript和Redux的新手。我试图在Redux中的一个还原器中过滤一个基于id的数组，如果我只将id传递给回调函数，它就不能工作，但是如果id被包装在{id}周围，它就会工作。
//Default store
const defaultState = {
articles: [],
filtercriteria: {}
};
//Reducer
const articlesReducer = (state = defaultState.articles, action) => {
switch (action.type) {
case "AD
浏览 0提问于2019-07-19得票数 2
回答已采纳
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
回答已采纳
1回答
React本机:Redux持久化，是未持久化操作的结果
javascript、reactjs、react-native、redux、react-redux
我有一个RN应用程序的redux，redux，redux和redux-坚持。
一切都很好，我改变了减速器，增加了新的动作。但不幸的是，状态已不再持久。无论我触发什么动作，在重新加载应用程序之后，我看到它没有被持久保存。
是什么引起的？
这是我的行动/减速机：
import { REHYDRATE } from 'redux-persist/constants';
import {Actions as routes} from 'react-native-router-flux';
export const types = {
GET_COURSES:
浏览 0提问于2017-02-08得票数 2
回答已采纳
1回答
如何将响应中的数据作为支柱传递给组件？
reactjs、redux、react-redux、redux-form、redux-thunk
我试图从API获得对商店的响应，以便使任何组件都可以使用它。在这种情况下，我希望能够使用响应中的所有主体作为可以传递给组件的支柱，以呈现其值。
你知道我应该怎么做才能从响应中得到数据并呈现出来吗？也许我错过了一步？
减速器
export default (state=[], action) => {
switch (action.type) {
case 'FETCH_CV' :
return [...state, action.paylaod];
default:
return state;
浏览 2提问于2022-01-23得票数 2
1回答
如何使用Redux存储区的数据呈现React组件
javascript、reactjs、redux
我是redux的新手，我正尝试在我的react应用程序中实现一个小概念。我已经收到了来自调度和它的订阅的数据。如何将订阅数据打印到UI。下面的代码不起作用，错误在哪里，以及如何解决。
import React, { Component } from 'react';
import { createStore } from 'redux';
export default class App1 extends Component {
render() {
const initalState={items:
浏览 0提问于2018-07-02得票数 0
回答已采纳
2回答
如何通过redux更新状态后的React组件？
javascript、reactjs、redux
我正在学习React和Redux，当我这样做的时候，我决定制作一个带有按钮的网页，点击按钮就会改变状态。在按钮下面，我想在另一个组件中显示当前状态。虽然单击按钮会更改状态，但它不会反映在组件中。下面是我的代码：
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
浏览 0提问于2019-10-05得票数 6
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回答
处理Redux存储中项目的单独异步调用
asynchronous、redux
我有一些赛蜂。在我的redux存储中，它们是一个数组中的对象，有一个name属性和一个likelihood属性。对于每一只蜜蜂，我想计算它获胜的可能性。计算算法是异步的。当我开始计算所有蜜蜂时，蜜蜂的可能性属性应该有一个值‘completed’，当蜜蜂的计算完成时，可能性属性应该显示一个数字。
我有一个不能修改的函数generateBeeWinLikelihoodCalculator。
现在，我的代码没有单独计算蜜蜂获胜的可能性，我不知道如何最好地实现这一点。我想过将calcultingLikelihood函数分派给每个bee实例，并在reducer中调用它，但是如何让它返回“计算...”呢？
浏览 3提问于2017-12-17得票数 0
回答已采纳
2回答
在容器组件模式中集成调度操作
reactjs、redux、react-redux
因此，我完全不明白如何集成容器和组件模式。我已经复习了整个上午的例子，似乎什么都没有点击。在我的第一个项目之前，我是如何使用React的？？在我的视图组件中获取数据，然后使用工作的@connect将数据作为道具传递给我，但在此时以“自动”的方式传递给我。
import React;
...
import {action} from 'path/to/action.js';
@connect((store) => {return{ key: store.property}});
export class Component{
componentWillMount()
浏览 3提问于2017-08-31得票数 1
回答已采纳
3回答
Redux : store.getState返回未定义的值
reactjs、redux、react-redux
为什么我的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
1回答
值是在使用react redux而不是有效负载时从操作中未定义的。
javascript、reactjs、react-redux
我正在构建一个应用程序，使用React，Redux，Redux，Express，以及一个学校项目的后缀。
在我的其他视图中，我获得了数据，以相应地插入和更新我的视图，但在本例中，我得到了未定义的。
我刚从redux转到了redux，所以我提前道歉！
这是我的控制台的截图：
这是我的SingleCountry减速机，还有我的动作创作者和零件.
'use strict';
import axios from 'axios';
// ACTION TYPES
const GET_COUNTRY = 'GET_COUNTRY';
// ACT
浏览 2提问于2017-12-11得票数 0
2回答
Redux。将状态值传递给reducer
javascript、reactjs、redux、react-redux
我正在尝试在我的应用程序中实现Redux。所以，我创建了action，reducer，store等。现在，我必须将state传递给reducer并更改此参数的值(布尔值)。我不知道我做错了什么。单击按钮后触发reducer中的alert，但dialog不关闭。你知道怎么改变open的值吗？
动作
export const checkPassword = () => ({
type: "CHECK_PASSWORD"
});
组件
const mapDispatchToProps = dispatch => {
return {
c
浏览 0提问于2018-01-30得票数 2
回答已采纳
2回答
如何创建一个常量、动作创造者和减速器的工厂？
javascript、reactjs、redux
在我的应用程序中，我有很多模块将常量、动作创建者和还原器放在同一个文件中，以减少文件碎片，它们如下所示：
/**
* Store
* Products
*/
import { Api } from './api';
// Constants
const REQUEST_PRODUCTS = 'REQUEST_PRODUCTS';
const RECEIVE_PRODUCTS = 'RECEIVE_PRODUCTS';
// Action creators
浏览 8提问于2016-02-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
