/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 vote137 views1 answer
Get height component react
Javascript React
1 vote179 views1 answer
Angular validators number only in reactive form
Javascript React
5 votes149 views1 answer
Import suspence from react
Javascript React
0 vote134 views1 answer
Altenrive for react native
Javascript React
0 vote122 views1 answer
React $ r component instance console
Javascript React
4 votes147 views2 answers
Linking in react native
Javascript React
17 votes128 views5 answers
Add background image react native
Javascript React
1 vote147 views1 answer
Vim react snippets
Javascript React
0 vote138 views1 answer
Remove react native cli mac
Javascript React
0 vote130 views1 answer
Installe datatable to reactjs project
Javascript React