2.7 KiB
2.7 KiB
id | title | challengeType | isRequired | videoUrl | localeTitle |
---|---|---|---|---|---|
5a24c314108439a4d403614b | Create a Redux Store | 6 | false | 创建一个Redux商店 |
Description
store
的单个状态对象定义。这是学习Redux时理解的第一个重要原则:Redux商店是应用程序状态的唯一真实来源。这也意味着,只要您的应用程序的任何部分想要更新状态,它必须通过Redux商店执行此操作。单向数据流可以更轻松地跟踪应用程序中的状态管理。 Instructions
store
是一个保存和管理应用程序state
的对象。 Redux对象上有一个名为createStore()
的方法,您可以使用该方法创建Redux store
。此方法将reducer
函数作为必需参数。 reducer
函数将在稍后的挑战中介绍,并且已在代码编辑器中为您定义。它只是将state
作为参数并返回state
。声明一个store
变量并将其赋值给createStore()
方法,并将reducer
作为参数传入。 注意:编辑器中的代码使用ES6默认参数语法初始化此状态以保存值5
。如果您不熟悉默认参数,可以参考课程中涵盖此主题的ES6部分 。 Tests
tests:
- text: redux商店存在。
testString: 'assert(typeof store.getState === "function", "The redux store exists.");'
- text: redux商店的状态值为5。
testString: 'assert(store.getState()=== 5, "The redux store has a value of 5 for the state.");'
Challenge Seed
const reducer = (state = 5) => {
return state;
}
// Redux methods are available from a Redux object
// For example: Redux.createStore()
// Define the store here:
Solution
// solution required