我是Redux的新手,并且对编程来说还是比较新的。 我绝对愿意接受超出我的问题范围之外的任何其他建议。
因此在Redux Store的状态下,我有一个名为“ count:0”的密钥 在我的应用程序主页上,当用户单击主按钮时,计数应该增加1。这是该代码的外观。
<--Action.js-->
import { store } from './store'
export const click = (amount) => ({
type: "CLICK",
count: store.getState().count + amount
})
<--Reducer.js-->
export default (state, action) => {
switch (action.type) {
case "CLICK":
return {
...state,
count: action.count
};
default:
return state;
}
};
<--Store.js-->
import { createStore } from 'redux';
import reducer from './reducer';
export const initialState = {
count: 0
};
export const store = createStore(reducer, initialState);
由于某种原因,当我console.log(store.getState())
时,console.log显示计数实际上在增加,但是在实际的UI上,计数仍为0。
任何关于为什么会发生这种情况的指导将不胜感激!
完整项目的链接可以在这里找到:https://github.com/EmilioLombana/Pizza-Clicker