freeCodeCamp

4.1 KiB

Raw Blame History

id	title	challengeType	isRequired	forumTopicId	localeTitle
5a24c314108439a4d403614b	Create a Redux Store	6	false	301439	Создание 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: The redux store exists.
    testString: assert(typeof store.getState === 'function');
  - text: The redux store has a value of 5 for the state.
    testString: assert(store.getState()=== 5);

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

const reducer = (state = 5) => {
  return state;
}

// Redux methods are available from a Redux object
// For example: Redux.createStore()
// Define the store here:

const store = Redux.createStore(reducer);

4.1 KiB Raw Blame History Unescape Escape