/Javascript/React/Reducer in react example

Reducer in react example

const initialState = {count: 0};

function reducer(state, action) {
  switch (action.type) {
    case 'increment':
      return {count: state.count + 1};
    case 'decrement':
      return {count: state.count - 1};
    default:
      throw new Error();
  }
}

function Counter() {
  const [state, dispatch] = useReducer(reducer, initialState);
  return (
    <>
      Count: {state.count}
      <button onClick={() => dispatch({type: 'decrement'})}>-</button>
      <button onClick={() => dispatch({type: 'increment'})}>+</button>
    </>
  );
}

Source: reactjs.org

Similar codes

1 vote103 views2 answers
React capitalize first letter
Javascript React
11 votes105 views3 answers
React native text ellipsis
Javascript React
29 votes107 views2 answers
React or vue
Javascript React
0 vote129 views1 answer
Smooth scroll react
Javascript React
0 vote63 views3 answers
How to use keyextractor in flatlist react native
Javascript React
4 votes108 views2 answers
Countdown in react js
Javascript React
24 votes156 views3 answers
Reactjs sass setup
Javascript React
0 vote100 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote101 views1 answer
Dispatch event not working react native redux
Javascript React
1 vote112 views1 answer
Rendering, reconciliation, committing in react
Javascript React