当用户将项目添加到购物车时,我正在尝试更新项目上的购物车按钮.
我在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)