Reactjs：如何检查每个数组索引是否包含值？

Question

这是我的数组：  const [arr, setArr] = React.useState([   {     "id": 1,     "barcode": "8851907264888",     "qty" : 1   },    {     "id": 2,     "barcode": "8857124022072",     "qty": 1   }  ]);这是我的功能：  const hasBarcode = (arr, barcode) => arr.some(el => el.barcode === barcode);  const handleUpdate=()=>{   let x = 8851907264888;   for(let i = 0;i < arr.length;i++){     if(hasBarcode(arr[i], x) == true){        let newArr = [...arr];        newArr[i].qty = newArr[i].qty + 1;        setArr(newArr);              }    }  }我的问题是for loop，我想检查每个数组索引，如果每个索引都包含相同的barcode内容x，我想qty + 1为该特定索引添加。但这里显示错误为Cannot read property 'some' of undefined

Answer 1

您将对象传递给 hasBarcode() 而不是数组的代码中的错误您也可以这样做

  const handleUpdate = () => {

    let x = 8851907264888;

    let newArr = arr.map((obj) => {

      if (obj.barcode && obj.barcode == x) {

        obj.qty = obj.qty + 1;

      }

      return obj;

    });

    setArr(newArr);

  };

Answer 2

  const hasBarcode = (arr, barcode) => arr.some(el => el.barcode === barcode);

  const handleUpdate=()=>{

   let x = 8851907264888;

   for(let i = 0;i < arr.length;i++){

     if(hasBarcode(arr, x) == true){

        let newArr = [...arr];

        newArr[i].qty = newArr[i].qty + 1;

        setArr(newArr);       

       }

    }

  }

Answer 3

  const hasBarcode = (arr, barcode) => arr.some(el => el.barcode === barcode);

  const handleUpdate=()=>{

   let x = 8851907264888;

   for(let i = 0;i < arr.length;i++){

     if(hasBarcode(arr, x) == true){

        let newArr = [...arr];

        newArr[i].qty = newArr[i].qty + 1;

        setArr(newArr);       

       }

    }

  }