Как правильно получать обновленный Store в React Reduxe?

Антон Спирин, да, вот код...

Экшн

export const ADD_MAN = 'ADD_MAN';

export function add( man ) {

    return { type: ADD_MAN, man }

}

Редюсер

import { combineReducers } from 'redux';

import { ADD_MAN } from "../actions/men";

const initialState = {

    men: []

};

function menApp( state = initialState, action ) {

    switch ( action.type ) {

        case ADD_MAN:

            return [ ...state, ...action.man ];

        default:

            return state;
    }

};

const menReducers = combineReducers( { menApp } );

export default menReducers;

Как правильно получать обновленный Store в React Reduxe?

Антон Спирин, по поводу именования функций - оно и понятно, Вы правы, я просто пока изучаю решил не заморачиваться. Но наверное надо сразу бы это использовать.

Переписал код, с учетом новых советов. Клик по кнопке отрабатывает и данные в Store пишутся. Но вот например метод render после записи в хранилище не выполняется.

import React from 'react';
import { connect } from 'react-redux';

import { add as addMan } from './../actions/men';

class ActionsReducers extends React.Component {

    componentWillMount() {

        console.log( 'ActionsReducers.componentWillMount' );

        this.props.addMan( { name: 'Альберт', family: 'Эйнштейн' } );

    }

    shouldComponentUpdate( nextProps, nextState ) {

        console.log( 'ActionsReducers.shouldComponentUpdate' );

        console.log( nextProps, nextState );

    }

    componentWillReceiveProps( nextProps ) {

        console.log( 'ActionsReducers.componentWillReceiveProps' );

        console.log( nextProps );

    }

    moreMen = () => {

        console.log( 'ActionsReducers.moreMen' );

        this.props.addMan( { name: 'Томас', family: 'Эдисон' } );

    }

    render() {

        console.log( 'ActionsReducers.render' );

        console.log( this.props.men );

        return (
            <div>
                <main>
                    <h1>Действия и редьюсеры</h1>
                    <div>
                        <div className='pure-g'>
                            <div className="pure-u-1-2">
                                <h2>Люди</h2>
                                <button onClick={this.moreMen}>Еще</button>
                            </div>
                            <div className="pure-u-1-2">
                                <h2>Животные</h2>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
        );
    }

}

function mapStateToProps( store ) {

    return {
        men: store.men,
    }

}

const mapDispatchToProps = {

    addMan

};

export default connect( mapStateToProps, mapDispatchToProps )( ActionsReducers );

Как правильно получать обновленный Store в React Reduxe?

Изменил код с учетом с учетом ваших советов, но получил ошибку в хэлпере о не определенном props в методе moreMen...

TypeError: Cannot read property 'props' of undefined

import React from 'react';
import { connect } from 'react-redux';

import { add as addMan } from './../actions/men';

class ActionsReducers extends React.Component {

    componentWillMount() {

        console.log( 'ActionsReducers.componentWillMount' );

        this.props.addMan( { name: 'Альберт', family: 'Эйнштейн' } );

    }

    moreMen() {

        console.log( 'ActionsReducers.moreMen' );

        this.props.addMan( { name: 'Томас', family: 'Эдисон' } );

    }

    render() {

        console.log( this.props.men );

        return (
            <div>
                <main>
                    <h1>Действия и редьюсеры</h1>
                    <div>
                        <div className='pure-g'>
                            <div className="pure-u-1-2">
                                <h2>Люди</h2>
                                <button onClick={this.moreMen}>Еще</button>
                            </div>
                            <div className="pure-u-1-2">
                                <h2>Животные</h2>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
        );
    }

}

function mapStateToProps( store ) {

    return {
        men: store.men,
    }

}

const mapDispatchToProps = {

    addMan

};

export default connect( mapStateToProps, mapDispatchToProps )( ActionsReducers );

Как в React Reduxe получить Store переданный через Provider?

Вроде стало ясно. А как можно в компоненте посмотреть обновленный объект в Store?

console.log( this.props.men ); // Пока еще UNDEFINED
this.props.addMan( [ { name: 'Альберт', family: 'Эйнштейн' } ] ); // Пишем в Store
console.log( this.props.men ); // Все равно UNDEFINED

Как в React Reduxe получить Store переданный через Provider?

import React from 'react';
import { connect } from 'react-redux';

import { add as addMan } from './../actions/men';
import { add as addAnimal } from './../actions/animals';

class ActionsReducers extends React.Component {

    constructor() {

        super();

        console.log( store );

        // store.dispatch(
        //
        //     addMan( [
        //         { name: 'Альберт', family: 'Эйнштейн' },
        //         { name: 'Мария', family: 'Кюри' },
        //         { name: 'Томас', family: 'Эдисон' } ]
        //     )
        //
        // );

        // store.dispatch(
        //
        //     addAnimal( [
        //         { name: 'Лиса' },
        //         { name: 'Медведь', },
        //         { name: 'Волк' } ]
        //     )
        //
        // );

    }

    getMoreAnimals() {

        // store.dispatch(
        //
        //     addAnimal( [
        //         { name: 'Енот' },
        //         { name: 'Лось', },
        //         { name: 'Рысь' } ]
        //     )
        //
        // );

    }

    render() {

        // let currentState = store.getState();

        // { currentState.animalsReducers.animalsApp.map( function( animal ) { return animal.name + ', ' } ) }

        return (
            <div>
                <main>
                    <h1>Действия и редьюсеры</h1>
                    <div>
                        <div className='pure-g'>
                            <div className="pure-u-1-2">
                                <h2>Люди</h2>
                            </div>
                            <div className="pure-u-1-2">
                                <h2>Животные</h2>
                                <button onClick={this.getMoreAnimals}>Еще</button>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
        );
    }

}

function mapStateToProps( store ) {

    return { store: store }

}

const mapDispatchToProps = {

    addMan

};

export default connect( mapStateToProps, mapDispatchToProps )( ActionsReducers );

Так... Вроде правильно применил. Только вот как обратиться к store в компоненте? Надо его в контексте this искать или аргументом как-то получать?

Как в React правильно организовать взаимодействие компонентов Link и Router?

Спасибо! Заработало!

Как использовать 1 Laravel для нескольких приложений?

Нужно разделить например админку и пользовательскую часть доменами. В Yii2 Advanced для этого уже есть все необходимое. Сразу создаются две директории под два проекта (backend - админка, frontend - пользовательская часть), которые используют централизовано движок фреймворк

Как найти все страницы сайта с определенным текстом?

Тем, что он учитывает только те страницы, которые есть в индексе, а не все страницы сайта. Это же очевидно

Как в Redmine изменить для трекера дату начала?

Редактирование даты недоступно даже с правами админа

Как сделать reject ajax-запросу, который выполняется при помощи библиотеки SuperAgent?

Упс. Сори. Не углядел. Серчил по реджекту.

Как отключить HTTPS в Yii2?

Владислав Иващенко: Спасибо, я попробую

Как отключить HTTPS в Yii2?

Владислав Иващенко: Так вы не тот сайт посмотрели)) https://yandex.ru/search/?text=site%3Aprofstroidom...

Как отключить HTTPS в Yii2?

profstroidom . ru

Как отключить HTTPS в Yii2?

Оно там так и есть. Я же писал выше: ни в htaccess, ни в robots.txt нет никаких упоминаний о протоколе https

Как осуществить работу с Instagram API?

Отлично. Но... Если я просто ввожу в браузер https://www.instagram.com/[username]/?__a=1 то получаю JSON, а при попытке сделать GET запрос через $.ajax я получаю ошибку: XMLHttpRequest cannot load https://www.instagram.com/[username]/?__a=1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://[domain].ru' is therefore not allowed access.

Как в Yii2 добавить произвольную версию в путь к файлам JS и CSS?

А можно поподробнее пожалуйста.

Как в Yii2 исправить Internal Server Error #8 при отправке почты через yii\swiftmailer\Mailer?

Какой именно конфиг?

Как в Yii2 связать длинный URL с действием контроллера?

Суть в том, что нужно именно url вида /user/confirm/email/resent

Почему в Yii2 не работает наполнение модели через model load?

Abdula Magomedov: опубликовал код модели в вопросе

Почему в Yii2 не работает наполнение модели через model load?

Они перечислены в rules