是否可以在reducer中使用getState()？
在Redux中，reducer是一个纯函数，它接收先前的状态和一个action作为参数，并返回一个新的状态。reducer的作用是根据action的类型来更新状态。
在reducer中使用getState()是不推荐的，因为reducer应该是一个纯函数，它只依赖于传入的参数，不应该有任何副作用。getState()是用于获取当前的状态，它是store对象的方法，如果在reducer中使用getState()，会导致reducer的行为变得不可预测，因为它依赖于外部的状态。
在Redux中，如果需要在reducer中获取当前的状态，可以通过将状态作为参数传递给reducer来实现。例如，可以在action中将当前的状态作为payload传递给reducer，然后在reducer中使用这个状态来更新状态。
总结起来，不建议在reducer中使用getState()，而是应该通过将状态作为参数传递给reducer来实现对当前状态的访问和更新。
相关·内容
我想将meaingOfFile属性添加到我的redux状态：
...
type CustomProps =
{
meaingOfFile: number;
}
const ResourceEnhancer: StoreEnhancer<{}, CustomProps> = (createStore) => (reducer, initialState) =>
{
console.log("custom enhancer");
const store = createStore(reducer, initialState);
浏览 1提问于2022-02-16得票数 0
回答已采纳
对不起，我的英语，我希望你能理解我。
我使用redux-thunk进行异步操作。
// actionA.js
export function actionA() {
return fetch('api call')
.then((data) => ({
type: 'actionA',
data: data
}))
}
// reducer.js
export function reducer(state, action) {
...
if(act
浏览 5提问于2016-03-02得票数 4
回答已采纳
仍然试图学习这个打字系统，不确定它是否可能。
我正在使用redux和redux工具包，并提到在创建redux存储之后，您可以创建存储的调度和状态的类型化版本。
直接从他们的网站：
import { configureStore } from '@reduxjs/toolkit'
// ...
const store = configureStore({
reducer: {
one: oneSlice.reducer,
two: twoSlice.reducer
}
});
// Infer the `RootState` and `AppDispa
浏览 1提问于2021-02-25得票数 4
回答已采纳
我想从reducer到action creator访问我的initialState 我试过getState，但它不起作用 这是我的reducer.js const initialState = {
current_user: null,
} 这是我的动作创建器函数 import store from './reducer
export const get_vaults_index =(form) => async (dispatch , getState) =>{
form = {
user_id: store.getState().initia
浏览 19提问于2019-04-04得票数 0
我在探索ES6 const关键字，除了一些我无法理解的范围问题之外，一切都在为我工作。
我有一个简单的js文件
const reducer = (state = 0,action) => {
switch(action.type) {
case 'Increment' :
return state+=1;
case 'Decrement' :
return state-=1;
default :
return state
浏览 1提问于2016-09-20得票数 0
1回答
我正在使用navigator.mediaDevices.getUserMedia(mediaConstraints)和Redux，但我找不到一种方法来停止媒体流。 我已经尝试在reducer和action中停止媒体流 在reducer中，我尝试过 case actionTypes.GET_USER_MEDIA_CLOSE:
return {
...state,
stream: {
...state.stream,
active: false
}
}; 同样在reducer中，
浏览 11提问于2019-08-31得票数 1
1回答
为了让它更有意义，让我们看一下这个看起来像react useReducer的迷你简单实现 type Reducer<S, A> = (prevState: S, action: A) => S;
type Dispatch<A> = (value: A) => void;
function useReducer<S, A>(reducer: Reducer<S, A>, initState: S): [getState: () => S, dispatcher: Dispatch<A>] {
let stat
浏览 11提问于2021-01-28得票数 1
回答已采纳
我在我的项目上有个问题，我是新来反应的，问题是我得到了这个警告Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
所以我尝试了清理功能，所以我的所有useEffect都是这样的
useEffect(()=
浏览 1提问于2022-04-06得票数 0
当我使用redux时，可以提供一个增强器，我编写了自己的增强器，并返回redux devtool增强存储： const myCreateStore = (reducer, initialState, enhancer) => {
console.log('xxxxxx', initialState);
return createStore(reducer, initialState, enhancer);
};
const defaultState ={count:1};
const store = myCreateStore(
reducer,
def
浏览 9提问于2019-09-12得票数 0
回答已采纳
import { createStore, combineReducers, applyMiddleware } from 'redux';
import { persistStore, persistReducer } from 'redux-persist';
import AsyncStorage from '@react-native-async-storage/async-storage';
import thunk from 'redux-thunk';
import { profileReducer } from &
浏览 1提问于2022-06-30得票数 0
我正在尝试创建一个React Redux文件的简单示例，以演示从API检索数据后的更改。reducer确实创建了一个要返回的新状态，但是render()并没有被调用。render()是否仅在Provider标记内的子组件中调用；即。它不会调用在其中定义提供程序的组件的render()。 如果有任何帮助，我将不胜感激，因为我已经阅读了几个小时的文档。:-( import React from 'react';
import axios from 'axios';
import { createStore } from 'redux';
impor
浏览 27提问于2020-01-03得票数 1
回答已采纳
注意，我使用dispatch()调用setStepPositionIndex()。当我将dispatch(...)删除为setStepPositionIndex()时，我希望setStepPositionIndex()中的分派调用将接收它传递的普通操作对象并分派它……
Alternatively，如果我删除setStepPositionIndex()中的dispatch()调用(并保留dispatch(setStepPositionIndex())，同时显式返回其中的纯actionObj，我将期望使用dispatch(setStepPositionIndex(actionObj))成功分派
，
浏览 132提问于2018-09-04得票数 0
回答已采纳
2回答
我正在查看这段代码(在Redux源代码中简化了createStore实现的版本)
function createStore(reducer) {
var state;
var listeners = []
function getState() {
return state
}
function subscribe(listener) {
listeners.push(listener)
return unsubscribe() {
var index = listeners.
浏览 0提问于2018-10-29得票数 4
回答已采纳
在定义操作、还原器和选择器时，我希望尝试将它们保存在单独的文件中，以便使我的文件夹结构如下所示：
- store
-- foo.actions.ts
-- foo.reducer.ts
-- foo.selectors.ts
在我的foo.actions.ts文件中，我定义了包括AsyncThunk操作在内的所有操作。其中一些操作引用foo.selectors.ts文件中的选择器。例如：
import { selectById } from "./foo.selectors.ts"
export const barAction = createAsyncThunk<
浏览 7提问于2022-03-03得票数 0
回答已采纳
我需要从两个或多个还原器访问用户可编辑状态。是否有一种方法可以访问由另一个还原器控制的状态，而不通过操作的有效负载将其传递给还原器？我想避免让每个动作发送用户设置到还原器。
State
{
userSettings: {
someSetting: 5
},
reducer1State: {
someValue: 10 // computed with userSettings.someSetting
},
reducer2State: {
someOtherValue: 20 // computed with userSettings.someSet
浏览 4提问于2016-02-13得票数 5
回答已采纳
在react应用程序中，我尝试使用react-redux和hooks对一组对象进行基本的CRUD、搜索和排序操作。 我的主要组件是使用导入的函数组件，比如 import React, { useState, useEffect } from 'react';
import { createStore } from 'redux';
import reducer from './reducer';
const store = createStore(reducer);
function Friends(props) {
const [fri
浏览 15提问于2020-12-10得票数 0
我在这里看到了关于在操作中使用getState是否可以接受的其他问题的相互矛盾(或只是令我困惑)的答案，我也看到过相当多次它被称为反模式。对我来说，它似乎工作得很好，但是如果我们不使用getState，那么做这件事的最佳实践是什么
我在thunk中使用getState来过滤当前连接到一些模拟数据并被拉入应用程序状态的用户数组。
下面是我的操作代码：
export const accountLogInSuccess = user => ({
type: types.ACCOUNT_LOG_IN_SUCCESS,
user,
});
export const account
浏览 3提问于2017-04-06得票数 35
我正在使用react和react-stepzilla以及Redux，Redux-thunk问题是我想在动作创建器中使用jumpToState(n)方法。但是我不能访问redux action creator文件中的这个方法。
操作文件
export const checkUser = (username) => {
return (dispatch,getState)=>{
wApi({user:username}).then(response => {
dispatch({
type: ActionTyp
浏览 0提问于2019-10-08得票数 1
我正在阅读applyMiddleware的源代码，在一些代码片段中，他们这样叫它applyMiddleware(...middleware)。那么什么时候传递next参数呢？
export default function applyMiddleware(...middlewares) {
return (next) =>
(reducer, initialState) => {
var store = next(reducer, initialState);
var dispatch = store.dispatch;
浏览 2提问于2016-12-14得票数 2
我的问题是为什么middlewareAPI不能使用：
const middlewareAPI = {
getState: store.getState,
dispatch: dispatch
}
若要替换源代码中的定义，如下所示：
export default function applyMiddleware(...middlewares) {
return (createStore) => (reducer, preloadedState, enhancer) => {
const store = createStore(reducer, preloadedS
浏览 4提问于2017-09-06得票数 2
回答已采纳
1回答
react视图不会被更新(呈现永远不会被调用)，但是reducer被调用了。
我有以下几点：
1)。react视图:如果我需要显示"TodoList“或"HousingInfo”，我会在根状态中设置一个字段。
export default class RightPane extends React.Component{
static contextTypes = {
store: React.PropTypes.object
}
render(){
let store = this.context.store;
let curPage = stor
浏览 4提问于2017-04-21得票数 0
2回答
如何使用redux工具包将由多个片组成的存储的状态替换为其他的新状态？
您可以使用将整个存储恢复到其初始状态:是否可以使用相同的机制将存储状态更改为其他状态，然后将初始状态更改为其他状态？
例如，您可能有这样的东西：
const aSlice = createSlice({
name: 'a',
initialState: {a: 1},
reducers: {
someReducer(state, action) {...}
}
})
const bSlice = createSlice({
name: 'b',
in
浏览 4提问于2022-10-19得票数 0
1回答
在Redux中，我目前有一个类似如下的状态。 {
activeConversation: "Jim"
conversations: (7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]
} 我还使用socket.io向其他用户发送消息。 export const newMess = (body) => async (dispatch, getState) => {
try {
const {activeConversation} = getState();
if (!body.conversationId) {
浏览 59提问于2021-08-29得票数 0
回答已采纳
我正在学习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
2回答
目标 我正在尝试将从Firestore返回的一些对象传递到我的reducer中，这样我就可以向用户显示一些结果。 问题 当我尝试调用并将查询传递给reducer时，它似乎无法工作。我正在运行一个console.log，看看是否调用了reducer，但没有显示任何内容。我想是因为我有嵌套的return语句，这是真的吗？ 以下是我的操作： export const queryBidder = (value) => {
return async (dispatch, getState, { getFirestore }) => {
const firestore = get
浏览 23提问于2019-10-13得票数 1
4回答
这是在使用thunk时编写操作的一种方法，这会产生非常简单的还原剂。
getCurrentUserPicture(){
return (dispatch,getState) => {
dispatch({type: "isloading", isLoading: true}); // shows a loading dialog
dispatch({type: "errorMessage"}); // clear errorMessage
dispatch({ty
浏览 2提问于2016-12-01得票数 12
回答已采纳
我在redux中的锅炉板中间件设置不起作用，我查看了所有使用createStore而不是configureStore的文档和文章，并想知道这是否是原因。(在下面的代码中，当我分派任何函数时，没有什么是console.log )
function logger({ getState }) {
return (next) => (action) => {
console.log("will dispatch", action);
const returnValue = next(action);
console.log("stat
浏览 3提问于2022-09-05得票数 0
1回答
响应上下文访问组件外的当前状态
、、、、
我正在尝试制作一个react应用程序，我更新了钩子和新的上下文API，我通常在我的项目中使用redux，但是我想在这个项目中尝试context API和钩子，但是我在上下文API的一些概念上挣扎。我唯一需要的是一个像redux这样的getState函数，我尝试过使用还原器；
import MainContext from '../contexts/mainContext';
const initialState = {
localMember:null,
remoteMember:null,
signedIn:false,
videoPermission: true,
aud
浏览 3提问于2020-03-08得票数 1
2回答
我的行动
const fetchDataApi = (getState) => {
let { data } = getState()
return axios.get('http://api.openweathermap.org/data/2.5/weather?q=london,uk&appid=26aacf43db7ecfa2ecd85500eaee9920').then(thunkdata => {
console.log(thunkdata)
return {
浏览 0提问于2019-10-09得票数 0
回答已采纳
我正在尝试使用类型来配置一个预加载状态的Redux存储。
的示例如下：
import { configureStore } from '@reduxjs/toolkit'
const store = configureStore({
reducer: {
one: oneSlice.reducer,
two: twoSlice.reducer
}
})
// Infer the `RootState` and `AppDispatch` types from the store itself
export type RootState = Retur
浏览 18提问于2021-02-22得票数 4
回答已采纳
我非常好奇像下面这样使用这个函数而不是为Redux商店创建一个新的类实例的利弊。这个设计背后的考虑是什么？
function reducer(state="gg", action){
if(action == "a"){
return "apple"
}
return state
}
function createStore(reducer) {
var state;
var listeners = []
function getState() {
retur
浏览 2提问于2021-04-16得票数 0
回答已采纳
我有一个react本机函数组件，我正在使用 store.subscribe --> store.getState().id 联系我的redux存储来检索存储在我的redux存储中的"id“。 当我从redux存储中获取id值后console.log它时，我没有返回任何数据。 我是否在组件的useEffect函数中正确地访问了存储？ 函数组件AddTask.js function AddTask () {
const [id, setId] = useState('');
useEffect(() => {
stor
浏览 56提问于2021-08-12得票数 0
为什么我的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
reducer显示我已经收到来自Firestore的doc数据。docStore.subscribe正在侦听，但没有使用最新的doc数据进行更新。
预期结果:在页面加载时，将从URL中获取docId，并查询Firestore。在接收到数据时，更新存储和subscribe以使用doc信息填充视图。
homepage.js
const Homepage = ({ docId }) => {
const [doc, setdoc] = useState(false);
console.log(docId); // <-- 123
docStore.subscribe((
浏览 0提问于2020-06-02得票数 1
1回答
我正在跟踪一个Redux 。在这方面，展示了如何从零开始创建Redux商店。这是那段代码
const createStore = (reducer) => {
let state;
let listeners = [];
const getState = () => state;
const dispatch = (action) => {
state = reducer(state, action);
listeners.forEach(listener => listener());
};
const subscribe = (list
浏览 1提问于2016-08-17得票数 0
1回答
在我的reducer文件中，创建的操作是 [actions.toggle]: state => ({
...state,
move: false,
}), 在jsx文件中，我的构造函数是 constructor(props){
super(props);
store.dispatch(actions.toggle());
this.state ={
enableMove: store.getState.move
}
} 我还创建了一个使用切换的函数 toggleShowMove(){
this.setSta
浏览 3提问于2019-03-01得票数 1
回答已采纳
你好，我是redux的新手，这是我的第一个redux代码。
我的index.js：
import store from './store'
store.dispatch({
type:"bugAdded",
payload: {
decription: "THIS"
}
});
我的reducer.js：
let lastId = 0;
function reducer(state = [], action) {
switch (action.t
浏览 0提问于2021-10-27得票数 0
1回答
我刚刚开始使用Redux，因为我的应用程序由于将状态传递给不同的组件变得复杂了。在试图将数据检索到其他组件时，我遇到了一个错误。
我想将一个状态传递给另一个组件，但是我得到了一个错误：
store.js
import {createStore} from 'redux';
const initialState = {
regionId: 0
};
const reducer = (state = initialState, action) => {
if(action.type === "REGIONAL_ID") {
re
浏览 0提问于2018-07-25得票数 1
回答已采纳
我正在尝试这样的：const s:Store<S,A>=createStore (todoApp)，但我得到了
identifier Store ... Could not resolve name流量误差
知道怎么解决这个问题吗？
我正在使用这个流类型的声明：
// flow-typed signature: ba132c96664f1a05288f3eb2272a3c35
// flow-typed version: c4bbd91cfc/redux_v3.x.x/flow_>=v0.33.x
declare module 'redux' {
/*
浏览 3提问于2016-11-20得票数 6
回答已采纳
2回答
我正在使用Redux，并且在我拥有的列表中实现了删除功能。当用户删除一个项目时，我将一个delete调用分派给reducer，这样我就可以从列表中删除被删除的项目。但是，状态不会更新(项仍然在数组中)，但是我不知道为什么。 下面是我如何分派delete调用的方法： const onDismiss = useCallback(g => {
console.log(store.getState().reducer.goals);
dispatch(deleteGoal(g.id));
setTimeout(() => {
console.log(store.get
浏览 18提问于2021-08-14得票数 0
回答已采纳
为了将数据添加到状态，我们不能使用push方法，因为它返回一个数字，而不是一个新创建的数组。但是，我们可以使用push方法将数据添加到状态并返回它。为什么这种方法有缺陷？
switch (action.type) {
case "ADD_TODO":
state.push(action.payload);
// return [...state, action.payload];
return state;
const addTodo1 = {
type: "ADD_TODO",
payload: {
浏览 1提问于2022-05-24得票数 0
下面是我的减速机之一。在函数applySetRandomImages中，我希望访问以前的randomImages状态，以添加一个新的randomImages状态和前一个状态。
我怎么能这么做？Redux中的还原函数是否为此提供了一些回调函数？还是我应该自己实现呢？
// ACTIONS
const SET_RANDOM_IMAGES = "SET_RANDOM_IMAGES";
// ACTION CREATORS
function setRandomImages(randomImages) {
return {
type: SET_RANDOM_IMAGES,
浏览 0提问于2018-10-31得票数 1
回答已采纳
我有一个场景，其中我有两个减速器，这是一个combineReducers的结果。我想把它们结合在一起，但在筑巢时把它们的钥匙保持在同一水平。
例如，给定以下减速器
const reducerA = combineReducers({ reducerA1, reducerA2 })
const reducerB = combineReducers{{ reducerB1, reducerB2 })
我想用这样的结构结束：
{
reducerA1: ...,
reducerA2: ...,
reducerB1: ...,
reducerB2: ...
}
如果我再次
浏览 8提问于2017-04-08得票数 35
回答已采纳
我正在用getState()检索状态的一个片段，以在事件处理程序中筛选状态中的一些值(在分派操作和用新的状态片更新存储之前)，但是更改来自getState的结果似乎会改变实际的存储。
请考虑以下几点：
const filterInPlace = (array, predicate) => {
let end = 0;
for (let i = 0; i < array.length; i++) {
const obj = array[i]
if (predicate(obj)) {
array[end++]
浏览 0提问于2019-03-15得票数 4
回答已采纳
我有一个问题，直接使用getState与直接使用mapStateToProps有什么区别。请看下面的例子
import React, { Component } from 'react'
import store from '../store'
import { connect } from 'react-redux';
class Test extends Component {
constructor(props) {
super(props);
}
render() {
return (
<
浏览 1提问于2018-08-29得票数 13
回答已采纳
2回答
我有一个变量attackHero，它的初始值是Ironman。它正确地显示在页面上。在按钮上单击，我将通过Redux调度将其更改为Hulk。但这一变化并没有反映在这一页中。我是不是漏掉了什么？
请看下面的代码。
import React, { Component } from 'react';
import { createStore } from 'redux';
class ReduxDemo extends Component {
constructor(props) {
super(props);
this.i
浏览 1提问于2018-08-25得票数 0
回答已采纳
1回答
替换减速机的正确类型
、、、、
我创建了一个基于docs的replace reducer，但我使用的是typescript，redux文档没有任何关于如何正确键入replace reducer的示例，我尝试了一下，但我的尝试覆盖了useStore，忽略了丢失getState()类型的泛型。 组件： interface State {
sim: number;
nao: string;
}
function Experimente() {
const store: InjectableStore = useStore<State>();
const dispatch = useDispatch(
浏览 7提问于2020-10-03得票数 0
回答已采纳
2回答
我倾向于redux，我正在尝试创建一个简单的测试应用程序，看看我是否可以将道具从redux传递到响应组件，但它并不像我预期的那样工作。它自己工作的存储很好，但是它没有传递值给我的组件，有人能指出我的代码的问题吗？谢谢。
const randomNum=()=>{...}
const ReduxPropsTest =(props)=>(
<div>
<button onClick={()=>console.log('but this component does not have the props&
浏览 7提问于2017-12-30得票数 3
回答已采纳
我喜欢Redux。它简单而有力。
但当我开始使用它的真实词，一个建筑问题使我发疯。
如何在一个地方定位我的业务逻辑？
因为我有两个可能的地方可以找到它：
行动创造者(AC)
存储减速器(SR)
[AC] -> [Action] -> [SR]
下面是三个例子。
例如。1和2-在AC和SR中同步定位业务决策。
例如。3-在异步场景中在AC中做出的业务决策。
在我的项目中，我注意到业务决策是如何迅速分散在AC和SR之间的。所以每次我想调试一些东西时，我应该问自己-好的，那么我想检查的决定在哪里，AC还是SR？
从架构的角度来看，我更愿意按域而不是AC/SR来分割BL。
浏览 2提问于2016-04-05得票数 2
回答已采纳
2回答
我正在使用React/Redux构建一个应用程序，我有一个产品数组，这些产品异步加载到Redux状态，然后从这些产品中提取各个产品。但是，我编写的还原器没有工作，因为它正在将状态注册为null。这让我感到困惑，因为在返回动作之前在thunk动作创建者中调用getState()，并且触发还原器正在用产品数组记录正确的状态。
这是代码中的错误，还是redux状态更新的一部分？
动作创建者: getSingleProduct
export const getSingleProduct = productName => (dispatch, getState) => {
const a
浏览 0提问于2018-04-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
