/Javascript/React/UseReducer() hook react

UseReducer() hook react

Usereducer hook

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

UseReducer() hook react

code snippet 

https://codesandbox.io/s/usereducer-demo-zxguu?file=/src/App.js

Similar codes

1 vote100 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote100 views1 answer
React native fade in fade out animation
Javascript React
0 vote103 views1 answer
React unfocus check
Javascript React
23 votes113 views6 answers
React native shadow
Javascript React
11 votes102 views4 answers
Eslint disable react
Javascript React
63 votes97 views6 answers
React router install
Javascript React
0 vote96 views1 answer
Como hacer un onpress en react native expo
Javascript React
0 vote107 views1 answer
Ticking clock react js
Javascript React
2 votes56 views1 answer
Rn touchableopacity
Javascript React
1 vote97 views1 answer
Three.js react
Javascript React