Redux应用程序中的初始状态可以通过两种方式设置:
createStore
(docs link)如果将初始状态传递给商店,您如何从商店读取该状态并将其作为化简器中的第一个参数?
TL; DR
没有
combineReducers()
或没有类似的手动代码,initialState
总是state = ...
在化简器中胜出,因为state
传递给化简器的 是initialState
和 不是
undefined
,因此在这种情况下不会应用ES6参数语法。随着
combineReducers()
行为更加细微差别。在状态中指定的那些减速器initialState
将接收到state
。其他reducer将会收到undefined
,因此 将退回到state = ...
它们指定的默认参数。通常,
initialState
胜过减速器指定的状态。这使reducer可以将对 它们
有意义的初始数据指定为默认参数,但是当您从某个持久性存储或服务器对存储进行连接时,也可以(全部或部分)加载现有数据。
首先,让我们考虑一个单独的减速器的情况。
说你不使用combineReducers()
。
然后,您的减速器可能看起来像这样:
function counter(state = 0, action) {
switch (action.type) {
case 'INCREMENT': return state + 1;
case 'DECREMENT': return state - 1;
default: return state;
}
}
现在,假设您用它创建了一个商店。
import { createStore } from 'redux';
let store = createStore(counter);
console.log(store.getState()); // 0
初始状态为零。为什么?因为第二个论据createStore
是undefined
。这是state
第一次传递给您的减速器。当Redux初始化时,它会分派“虚拟”动作来填充状态。因此,您的counter
减速器被称为state
等于undefined
。
这就是“激活”默认参数的情况。 因此,state
现在0
是默认state
值(state = 0
)。此状态(0
)将返回。
让我们考虑另一种情况:
import { createStore } from 'redux';
let store = createStore(counter, 42);
console.log(store.getState()); // 42
为什么这次42
而不是为什么0
?因为createStore
被称为带有42
第二个参数。该参数state
随同虚拟动作一起传递给减速器。
这次state
不是未定义的(是42
!),因此ES6默认参数语法无效。的state
是42
,和42
从减速机返回。
现在考虑使用的情况combineReducers()
。
您有两个减速器:
function a(state = 'lol', action) {
return state;
}
function b(state = 'wat', action) {
return state;
}
由生成的reducer combineReducers({ a, b })
看起来像这样:
// const combined = combineReducers({ a, b })
function combined(state = {}, action) {
return {
a: a(state.a, action),
b: b(state.b, action)
};
}
如果我们在createStore
没有调用的情况下调用initialState
,则会将其初始化state
为{}
。因此,state.a
并state.b
会undefined
通过它调用的时间a
和b
减速。
双方a
和b
减速会收到undefined
作为 他们的
state
论点,如果他们指定默认state
值,这些将被退回。这就是组合化归约器{ a: 'lol', b: 'wat' }
在第一次调用时返回状态对象的方式。
import { createStore } from 'redux';
let store = createStore(combined);
console.log(store.getState()); // { a: 'lol', b: 'wat' }
让我们考虑另一种情况:
import { createStore } from 'redux';
let store = createStore(combined, { a: 'horse' });
console.log(store.getState()); // { a: 'horse', b: 'wat' }
现在,我将指定initialState
为的参数createStore()
。从组合化归约器返回的状态 将
我为a
归约器指定的初始状态与归约器自行选择的'wat'
默认参数组合 在一起b
。
让我们回想一下组合减速器的作用:
// const combined = combineReducers({ a, b })
function combined(state = {}, action) {
return {
a: a(state.a, action),
b: b(state.b, action)
};
}
在这种情况下,state
已指定,因此它不会退回到{}
。它是一个a
字段等于'horse'
,但没有该b
字段的对象。这就是为什么a
reducer收到'horse'
其作为state
并乐意返回它的原因,而b
reducer收到undefined
其作为state
并因此返回
其 默认值的 想法state
(在我们的示例中为'wat'
)。这就是我们获得{ a: 'horse', b: 'wat' }
回报的方式。
综上所述,如果您坚持使用Redux约定,并在将reducer
undefined
作为state
参数调用时从reducer返回初始状态(最简单的实现方法是指定state
ES6默认参数值),对于组合减速器而言,这是一个很好的有用行为。
他们会首选initialState
传递给createStore()
函数的对象中的相应值,但是如果您没有传递任何值,或者未设置相应字段,则将state
选择由reducer指定的默认参数。这种方法之所以有效,是因为它既提供了现有数据的初始化功能,又提供了水合功能,但是如果未保存其数据,则可以让单个化简机重置其状态。当然,您可以递归地应用此模式,因为您可以combineReducers()
在多个级别上使用它,甚至可以通过调用化简器并将其提供给状态树的相关部分来手动组成化简器。
问题内容: 我想阅读Go程序的原始内容。例如,如果我这样做了,我希望可以访问“ test stdin”。我尝试从中读取,但是如果其中没有任何内容,则它将等待输入。我也尝试过先检查大小,但是即使输入传入也为0。 我能做什么? 问题答案: 我认为您的问题本身没有明智的答案,因为没有“初始标准输入”之类的东西。类似于Unix的操作系统和Windows都实现了“标准流”的概念,它的工作原理如下(简化):创
问题内容: 我试图弄清楚如何为redux中的商店设置初始状态。我以https://github.com/reactjs/redux/blob/master/examples/todos- with- undo/reducers/index.js 为例。我试图修改代码,以便待办事项已初始化一个值。 按照文档操作:http : //redux.js.org/docs/api/createStore.h
读取未初始化的变量会导致未定义的行为,例如 有人能给这个事实一个正式的解释吗?
本文向大家介绍react-native 初始化状态,包括了react-native 初始化状态的使用技巧和注意事项,需要的朋友参考一下 示例 您应该像这样在组件的构造函数内部初始化状态: 使用setState可以更新视图。
本文向大家介绍magento 获取所有Magento商店,包括了magento 获取所有Magento商店的使用技巧和注意事项,需要的朋友参考一下 示例 返回Mage_Core_Model_Store模型数组。
问题内容: 我正在重写我的应用程序以使用Flux,但是从商店检索数据时遇到问题。我有很多组件,它们嵌套很多。其中有些是大(),有些是小而简单(,)。 我一直在努力从组件存储层次结构中读取数据。 我尝试了两种极端的方法,但我都不喜欢: 所有实体组件都读取自己的数据 需要从Store获得一些数据的每个组件仅接收实体ID,并自行检索实体。 例如,被传递,并传递。 此方法有几个重大缺点(在代码示例下讨论)