markdown Redux容器示例

Posted 2021-05-05

# Connect ( Container )

```jsx
import { connect } from 'react-redux';
import { compose } from 'recompose';
import { numberOfItemsInCartSelector, totalPriceForCartItemsSelector } from '_redux/rootReducer';

const mapStateToProps = (state) => {
    return {
        numberOfItemsInCart: numberOfItemsInCartSelector(state),
        totalPrice: totalPriceForCartItemsSelector(state),
    }
}

const  mapDispatchToProps  = (dispatch) => ({
    addToCart: (product, quantity) =>  dispatch(addToCart(product, quantity))
})

export const CartInfoContainer = compose(
    connect(
        mapStateToProps, mapDispatchToProps
    )
)
```


# MapDispatchToProps
examples

```jsx
const  mapDispatchToProps  = (dispatch) => ({
    addToCart: (product, quantity) =>  dispatch(addToCart(product, quantity))
})
```

```jsx
const mapDispatchToProps = {
    hideFloatSideBar,
};
```