Как написать простой счетчик на redux?

Question

[Quintis]

Доброго времени суток , нужно написать простенький счетчик что б пройти задание на FCC - https://www.freecodecamp.org/learn/front-end-libra...
Написал код но он не считает , кто может сказать где ошибка ?

const INCREMENT ='INCREMENT' ; // define a constant for increment action types
const DECREMENT = 'DECREMENT'; // define a constant for decrement action types

const counterReducer = (state=0,action)=>{
      switch(action.type) {
    case 'INCREMENT':
      return state+1;
      break;
    case 'DECREMENT':
      return state-1;
          break;
    default:
      return state;
  }
}; // define the counter reducer which will increment or decrement the state based on the action it receives

const incAction = ()=>{
    return {
        type:INCREMENT
    }
}; // define an action creator for incrementing

const decAction = ()=>{
    return {
        type:DECREMENT
    }
}; // define an action creator for decrementing

const store = Redux.createStore(counterReducer); // define the Redux store here, passing in your reducers
console.log(store.dispatch(incAction()));

Answer 1

[Lynn «Кофеман»]

Ваш редюсер всегда возвращает 0.

https://developer.mozilla.org/en/docs/Web/JavaScri...

If used postfix, with operator after operand (for example, x++), then it increments and returns the value before incrementing.

Comments

[Quintis]

Спасибо , исправил на state+1 и state-1

[Lynn «Кофеман»]

Quintis, вопрос-то зачем было исправлять?
Теперь непонятно в чём была проблема и на что ответ.

[Quintis]

Алексей Тен,

const INCREMENT ='INCREMENT' ; // define a constant for increment action types
const DECREMENT = 'DECREMENT'; // define a constant for decrement action types

const counterReducer = (state=0,action)=>{
      switch(action.type) {
    case INCREMENT:
    let newState=state+ 1
        console.log(newState)
      return state+= 1;
      break;
    case DECREMENT:
    let newStateDec=state- 1
    console.log(newStateDec)
      return state-= 1;
          break;
    default:
      return state;
  }
}; // define the counter reducer which will increment or decrement the state based on the action it receives

const incAction = ()=>{
    return {
        type:INCREMENT
    }
}; // define an action creator for incrementing

const decAction = ()=>{
    return {
        type:DECREMENT
    }
}; // define an action creator for decrementing

const store = Redux.createStore(counterReducer); // define the Redux store here, passing in your reducers
store.dispatch(incAction())
store.dispatch(incAction())
store.dispatch(incAction())
store.dispatch(decAction())
store.dispatch(decAction())

Нужно было такую функцию написать для решения задачи)

[Quintis]

Алексей Тен, Все таки спрошу ) а какой смысл redux ? Не легче все данные с методами обработки данных хранить в одном файле js , в объекте например? Я просто новичок)