我剛剛開始學習 React。做一些簡單的事情來練習?，F在我正在嘗試使用鉤子。我創建了幾個他們和模擬人生，他們不能同時改變渲染 我有一張商品表，想點擊檢查所有并輸出所有商品的總價，或者如果它被檢查為零。但是，當我單擊它時，它會更改復選框的值但不會更改總價，而另一次它會更改總價但不會更改復選框...const ProductsListDemo = () => {    const [total, setTotal] = useState(1720);    const [checkedGoods, setCheckedGoods] = useState([        true,        true,        true,        true,    ]);    function checkAll(e) {        let isChecked = (total == 0)? true: false;        e.target.value = isChecked;        const arr = [];        for(let i = 0; i < checkedGoods.length; i++) {            arr.push(isChecked);        }        setCheckedGoods(arr);        changeTotal();    }    function changeTotal(){        let sum = 0;        for(let i = 0; i < goods.length; i++) {            let total = goods[i].price * goods[i].amount;            sum += (checkedGoods[i])? total: 0;        }        setTotal(sum);    }我怎么能改變它來完成這項工作？我知道另一個人會使它完全不同，但這個案例非常有趣，這就是為什么我決定在這里問這個問題......