freeCodeCamp

2.7 KiB

Raw Blame History

id	title	challengeType	isRequired	videoUrl	localeTitle
5a24c314108439a4d403614b	Create a Redux Store	6	false		创建一个Redux商店

Description

Redux是一个状态管理框架，可以与许多不同的Web技术一起使用，包括React。在Redux中，有一个状态对象负责应用程序的整个状态。这意味着如果您有一个包含十个组件的React应用程序，并且每个组件都有自己的本地状态，则应用程序的整个状态将由Redux store的单个状态对象定义。这是学习Redux时理解的第一个重要原则：Redux商店是应用程序状态的唯一真实来源。这也意味着，只要您的应用程序的任何部分想要更新状态，它必须通过Redux商店执行此操作。单向数据流可以更轻松地跟踪应用程序中的状态管理。

Instructions

Redux 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

2.7 KiB Raw Blame History Unescape Escape