/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

0 vote202 views1 answer
Ui5 React bind element
Javascript React
0 vote212 views1 answer
Removing borderline of input in react
Javascript React
0 vote202 views1 answer
React native icon onpress remove highlight onpress
Javascript React
0 vote245 views1 answer
React native npm run start port
Javascript React
0 vote211 views1 answer
React import coreui icons
Javascript React
65 votes195 views6 answers
Route react
Javascript React
0 vote285 views1 answer
Coreui react change background color
Javascript React
92 votes207 views6 answers
React router dom
Javascript React
48 votes203 views1 answer
Emmet not working in react nextjs
Javascript React
0 vote196 views1 answer
TextField input font color React Material UI
Javascript React