freeCodeCamp

4.1 KiB

Raw Blame History

id	title	challengeType	isRequired	videoUrl	localeTitle
5a24c314108439a4d403614b	Create a Redux Store	6	false		Создание Redux хранилища

Description

Redux - это система управления состоянием (state), которая может использоваться с различными веб-технологиями, включая 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 методы доступны из Redux объекта
// Например: Redux.createStore()
// Объявите хранилище здесь:

Solution

// solution required

4.1 KiB Raw Blame History Unescape Escape