Показать сообщение отдельно
  #10 (permalink)  
Старый 23.09.2016, 09:08
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Контейнер. В нем всё, что было вытащено из этих двух функций будет доступно в props. Собственно connect для того и нужен, чтобы прокидывать что нибудь в компонент. Чтобы стало более понятно, вот типичная структра реакт компонента в редакс:
import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';

const mapStateToProps = state => {
    return {
        item: state.item,
        color: state.color
    };
};

const mapDispatchToProps = dispatch => {
    return {
        setItemAndColor: (value)=>dispatch(setItemAndColor(value))
    };
};

@connect(mapStateToProps, mapDispatchToProps)
class MyOwnComponent extends Component {

    render() {
        const { item, color, setItemAndColor } = this.props;
        return (
            <div></div>
        );
    }
}

export default MyOwnComponent;
Ответить с цитированием