/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

24 votes229 views6 answers
React map
Javascript React
0 vote266 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
126 votes365 views4 answers
Npm create react app
Javascript React
1 vote238 views1 answer
Reactjs .htaccess
Javascript React
5 votes229 views4 answers
Google map in react js
Javascript React
0 vote243 views2 answers
Read and save excel with react
Javascript React
0 vote274 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote240 views1 answer
Nested arrays reactjs tables
Javascript React
0 vote245 views1 answer
Toggle boolean state react
Javascript React
0 vote224 views1 answer
React open url with button
Javascript React