reactjs - 由于 'read-only' 错误，React : my function isn't working, 中的函数。为什么？

Question

我正在尝试将函数写入 React 组件，但我遇到了这个错误:

Uncaught Error: Module build failed: SyntaxError: "productMap" is read-only

为什么会发生这种情况？我该如何解决这个问题，以便我可以使用 productMap？

这是我的功能:

printReceipt() {
    var products = this.props.updateBasket.products;

    //create a map of products

    const productMap = {};
    for(let product of products) {
        if(!productMap[product.id]) {
            productMap[product.id] = 1;
        } else {
            productMap = productMap + 1; 
        }
    }
    console.log(productMap);
}

Answer 1

发生这种情况是因为 poductMap 的类型为 const 并且 const 无法通过重新分配进行更改

将其更改为 let 或 var

printReceipt() {
    var products = this.props.updateBasket.products;

    //create a map of products

    let productMap = {};
    for(let product of products) {
        if(!productMap[product.id]) {
            productMap[product.id] = 1;
        } else {
            productMap = productMap + 1; 
        }
    }
    console.log(productMap);
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const