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

How to use zustand external library for globaal state management in react

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

answer How to use zustand external library for globaal state management in react

How to use zustand external library for globaal state management in react

Comment

import create from 'zustand'

const useStore = create(set => ({
  votes: 0,
  upvote: () => set(state => ({ vote: state.votes + 1 })),
  downvote: () => set(state => ({ vote: state.votes - 1 })),
}))

function VoteCounter() {
  const { votes, upvote, downvote } = useStore();

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

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.freecodecamp.org

Tags: external javascript state-management zustand

Link to this answer
Share Copy Link