Breaking News: Grepper is joining You.com. Read the official announcement!

How to use useReducer : Vote tracking app

Surbhi Kumari answered on August 19, 2022 Popularity 1/10 Helpfulness 1/10

answer How to use useReducer : Vote tracking app

How to use useReducer : Vote tracking app

Comment

const initialState = { votes: 0 };

function reducer(state, action) {
  switch (action.type) {
    case 'upvote':
      return {votes: state.votes + 1};
    case 'downvote':
      return {votes: state.votes - 1};
    default:
      throw new Error();
  }
}

function VoteCounter() {
  const [state, dispatch] = useReducer(reducer, initialState);

  return (
    <>
      Current Votes: {state.votes}
      <button onClick={() => dispatch({type: 'upvote'})}>Upvote</button>
      <button onClick={() => dispatch({type: 'downvote'})}>Downvote</button>
    </>
  );
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.freecodecamp.org

Tags: javascript use-reducer vote

Link to this answer
Share Copy Link