混淆react-redux和Container / Component

Question

I am new to React Native (and also javascript).

I actually don't quite understand on the function "connect" in react-redux, and its relationship with Container/Component.

I saw the following code in container.js, how it actually affecting component.js?

export default connect(state => ({
    state: state.counter
}),
(dispatch) => ({
    actions: bindActionCreators(counterActions, dispatch)
})
)(CounterApp); 

Thanks!

Answer 1

The connect function returns a modified version of your component CounterApp that has

• been subscribed to changes in the store affecting it.

• is supplied with a state property containing the counter state.

• is supplied with an actions property (presumably) containing the action creators.