React Native 遇到两个具有相同键“18”的子级,键应该是唯一的

xienkqul  于 2023-03-13  发布在  React
关注(0)|答案(1)|浏览(121)

const findProduct =异步(文本)=〉{ //构建表单数据对象.

console.log(name);
let formData = new FormData();

formData.append('FindProduct', text);

const response = await fetch('http://192.168.1.144/api/Search.php', {
method: "POST",
body: formData,
});

const data = await response.json();

setProduct(data);

if(data&&data.length>0){
  setId(data[0].id)
  setName(data[0].prodname)
  setCategory(data[0].category)
  setPrice(data[0].price)
  setQty(data[0].qty)
  setPic(data[0].pic)

  cartarray.push(data)
  
  
  
}
  setShoppingBag(cartarray);
}

常量保存数据=异步(购物袋)=〉{

console.log('2nd cart:>>', shoppingBag)

try {
    await AsyncStorage.setItem('cart', JSON.stringify(shoppingBag)).then(() =>{
      alert('Saved successfully.');console.log('saved cart');
    });
    
} catch (error) {
    console.log(error)
}

};
如果条形码被识别,则第一个函数返回他的所有信息,然后保存在购物袋中

dbf7pr2w

dbf7pr2w1#

以下是重现此问题的用例。我正在尝试呈现MUI表。因此,如果您看到我多次分配了key=fomrDataId。要解决此错误,您应该为TableCell分配唯一的键值。
当formDataId中有重复的值时,还有一种可能会发生此错误,因为我已将formDataId指定为TableRow key={row.formDataId}的行键

相关问题