/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

0 vote243 views1 answer
React 1 to 10 rating
Javascript React
94 votes280 views6 answers
Install react router
Javascript React
-1 vote235 views3 answers
Why we import react from react
Javascript React
17 votes234 views5 answers
React native background image
Javascript React
0 vote246 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
0 vote245 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
13 votes270 views2 answers
Download react devtools for chrome
Javascript React
4 votes254 views3 answers
Width 100% react-native
Javascript React
8 votes237 views3 answers
React js props
Javascript React
0 vote234 views1 answer
How to change background image dynamically in react
Javascript React