mapStateToProps not recalled on action

Hi,

action:

import * as types from './constants.js';

export function changeLook(multipleOutFitLook) {
    return {
        type: types.CHANGE_LOOK,
        multipleOutFitLook
    };
}

reducer:

import * as types from '../actions/constants.js';
import assign from 'object-assign';

const initialState = {

    multipleOutFitLook: 1

};

export default function friends(state = initialState, action) {
    debugger;
    switch (action.type) {

        case types.CHANGE_LOOK:
            const newLookNumber = action.multipleOutFitLook;
            return assign({}, state, {multipleOutFitLook: 2})

        default:
            return state;
    }
}

app

export default class App extends Component {

    constructor(props) {
        super(props);
    }



    render() {
        let {productData, w3cDigitalDataJson, locale, language, dispatch} = this.props;
        const actions = bindActionCreators(appAction, dispatch);


                <h1 onClick={function() {
                console.log(actions.changeLook(2))
                }}>Hello - {this.props.look}</h1>

            </section>
        );
    }
}
function mapStateToProps(state) {
    return {
        look: state.default.multipleOutFitLook
    };
}

let connectApp = (typeof document !== "undefined" ? connect(mapStateToProps)(App) : App);

export default connectApp

In the app, i am trying to update multipleOutFitLook, when I click the h1, but the function mapStateToProps, is only called on the initial page load.

[gaearon]

No problem, glad to help.

[thabti]

@gaearon you are amazing, i am trying to get redux adopted by my team (net-a-porter.com/mrporter.com). Thank you so much.