小编Ras*_*ølk的帖子

通过从非反应组件调度操作来更新React组件

当用户将项目添加到购物车时,我正在尝试更新项目上的购物车按钮.

我在React.js中构建了网站的一部分 - 比如购物车,购物车按钮等.

configureStore.js:

export default function configureStore(initialState) {
      const store = createStore(
        reducers,
        initialState
      return store
    }
Run Code Online (Sandbox Code Playgroud)

行动:

export function updateCart(payload) {
    return {
        type: CART_UPDATE,
        payload: payload
    }
}
Run Code Online (Sandbox Code Playgroud)

减速器:

export default function cart(state = {}, action) {

    switch (action.type) {

            case CART_UPDATE:

            const   cart = {
                        data: action.payload.cart,
                        errors: action.payload.errors,
                        isFetching: false
                    };

            return {
                ...state,
                ...cart
            };

    return state;
}
Run Code Online (Sandbox Code Playgroud)

CartButton.js

... componnent etc.

function mapStateToProps(state) {
    return {
        cart: state.cart.data
    };
}

export default …
Run Code Online (Sandbox Code Playgroud)

reactjs redux

13
推荐指数
1
解决办法
1万
查看次数

标签 统计

reactjs ×1

redux ×1