只显示篮子中最后一个项目的价格

Question

嘿，我想计算项目价格的总和，但它只显示最后一个项目的价格：这里是我的代码与react-monge-form：

function Subtotal() {
        const [{basket}, dispatch]= useStateValue();

            
    return (
        <div className="subtotal">
        <CurrencyFormat
            renderText={(value) =>(
                <>
                    <p>
                        Subtotal({basket?.length} items):
                        <strong>{value}</strong>
                    </p>
                    <small className="subtotal-gift">
                        <input type="checkbox" /> this order contains a gift
                    </small>
                </>
            )}
            decimalScale={2}
            value={getBasketTotal(basket)}
            displayType={"text"}
            thousandSeparator={true}
            prefix={"$"}
      />
      <button>Proceed to checkout</button>
            
        </div>
    )
}

这是我在reducer.js中的减少函数：

export const getBasketTotal = (basket) => 
    basket?.reduce((amount, item) => item.price + amount  , 0)

我在安装react currency时出错，我--强迫它。这是错误：npm i react货币格式
npm通知npm通知npm通知新的npm次要版本可用！7.3.0 -

NPM ERR！此运行的完整日志可以在npm ERR中找到！C：\用户\程序员\AppData\本地\npmcache_logs\2021-04-12T07_51_04_200Z-debug.logPS D：\amazonclone\amazon-clone

NPM ERR！此运行的完整日志可以在npm ERR中找到！C：\用户\程序员\AppData\本地\npmcache_logs\2021-04-12T07_52_02_519Z-debug.log

Answer 1

我解决了这个问题。我犯了一个错误，把价格放在字符串格式中，然后把它们放在{}中，问题就解决了。