I have a simple voting system (Yes or No) if you click Yes the state needs to be a string up and if you click No the state needs to be down, i need to set local storage in order to prevent the user from keeping voting, do i have to do this in useEffect or just in the voteHandler method, is there an alternative of the local storage ?

Here is my code :

import React, { useState, useContext } from 'react';
import {AnswerContext} from './AnswerWrapper';

const AnswerItem = (props) => {

    let indexPlus;

    const indexCount = (index) => {
        indexPlus = index;
        return indexPlus;
    }

    const { active, setActive } = useContext(AnswerContext)

    const [vote, setVote] = useState();

    const voteHandler = (e, index, value) => {
        e.preventDefault();
        localStorage.setItem('myVoteInLocalStorage', value);
        setActive(index);
        setVote(value)
        // I am sending this to a parent component
        props.onVote ({
            vote : value,
            answerID : index
        })
    }

    return (
        <div>
            <button onClick={(e) => voteHandler(e, props.index, 'up')}>Yes <span>({props.ups !== null ? props.ups : 0 })</span></button>
            <button onClick={(e) => voteHandler(e, props.index, 'down')}>No <span>({props.downs !== null ? props.downs : 0 })</span></button>
        </div>
    )
}

export default AnswerItem;