从使用中的数组中添加数字

Posted 2023-01-21

我正在尝试使用钩子将数组中的数字相加。目前，这是一个投票系统。使用map语句添加所有数字的结果使我为0。我很确定，这与useState不能及时更新以添加数字有关，因此它始终使我为零。我知道我可以将它们放在单独的数组中，然后添加它们，但是对于看起来如此简单的东西来说，这似乎有些冗长。

这里是我产生0的代码

const PollResultsContainer = (props) => 
    const option = props.option
    const [totalVotes, setTotalVotes] = useState(0)

    useEffect(() => 
        let newVote
        if (option.length > 0) 
            option.map(opt => 
                newVote = opt.optionVotes + totalVotes
            )
        
        setTotalVotes(newVote)
    , [totalVotes])
    console.log(totalVotes)
    return (
        <>
            <div className='poll-results-div'>
                <TitleCardNS title=`$totalVotes` size='2.5rem' align='center' color='white' />
            </div>

答案

我在方程式中添加了另一个变量。这可能解决了useState不能及时更新的问题。