this.props object in redux

Question

Я смотрю на это source code этого async пример. Я хочу знать объект this.props. поэтому я добавляю отладчик в код, и я вижу, что он выглядит так.

мой вопрос, почему он содержит эти поля? благодаря

Answer 1

В Redux, то props подготовлены и переданы в компонент через connect функции (connect documentation

Он принимает аргументы:.

подключения ([mapStateToProps], [mapDispatchToProps], [mergeProps] , [опция])

mapStateToProps функция для отображения «состояния из магазина» к «реквизиту, используемому в компоненте».

Эта функция принимает state из перевождь магазина в качестве параметра, процесса/фильтровать их и возвращают объект:

return { 
    selectedReddit, 
    posts, 
    isFetching, 
    lastUpdated 
    } 

, которые будут переданы в компонент.

Остаточная стоимость dispatch вводится по умолчанию:

[mapDispatchToProps (отправка, [ownProps]): dispatchProps] (Object или Function): Если объект передается ... Если вы его опускаем , реализация по умолчанию просто вводит отправку в реквизиты вашего компонента.

Ссылка: https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops-mapdispatchtoprops-mergeprops-options

Функция dispatch используется для отправки в action (возвращенный некоторыми action creator). dispatching действие вызовет Redux для переоценки хранилища, передает значение хранилища в ответное дерево DOM сверху вниз и повторно отображает компоненты, если это необходимо.

Код: http://redux.js.org/docs/api/Store.html#dispatch