freeCodeCamp

4.4 KiB

Raw Blame History

id	title	challengeType	isRequired	videoUrl	localeTitle
5a24c314108439a4d403614b	Create a Redux Store	6	false		Создание магазина Redux

Description

Redux - это система управления государственными структурами, которая может использоваться с несколькими различными веб-технологиями, включая React. В Redux существует один объект состояния, который отвечает за все состояние вашего приложения. Это означает, что если у вас было приложение React с десятью компонентами, и каждый компонент имел свое собственное локальное состояние, все состояние вашего приложения было бы определено одним объектом состояния, размещенным в store Redux. Это первый важный принцип, который следует понимать при изучении Redux: хранилище Redux является единственным источником правды, когда дело касается состояния приложения. Это также означает, что в любое время, когда какая-либо часть вашего приложения хочет обновить состояние, он должен сделать это через магазин Redux. Однонаправленный поток данных облегчает отслеживание управления состоянием в вашем приложении.

Instructions

Redux store является объектом , который имеет и управляет приложения state . В объекте Redux существует метод, называемый createStore() , который вы используете для создания store Redux. Этот метод принимает функцию reducer как необходимый аргумент. Функция reducer рассматривается в более поздней задаче и уже определена для вас в редакторе кода. Он просто принимает state как аргумент и возвращает state . Объявите переменную store и назначьте ее createStore() , передав в reducer в качестве аргумента. Примечание . Код в редакторе использует синтаксис аргумента по умолчанию ES6 для инициализации этого состояния, чтобы сохранить значение 5 . Если вы не знакомы с аргументами по умолчанию, вы можете обратиться к разделу ES6 в учебной программе, которая охватывает этот раздел .

Tests

tests:
  - text: Магазин редукции существует.
    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

4.4 KiB Raw Blame History Unescape Escape