im trying to make it so it only shows specific sizes for the array i have, this is the array
const products = [{
name: "14K bracelet",
id: "1",
description: "Beautfull 14K gold Bracelet",
price: 100,
size: [1, 2, 3, 4]
}
and this is how im trying to grab the values from it
<Dropdown.Item className="dropdown-item" href="#/action-1">{products.size[0]}</Dropdown.Item>
but im getting this error
TypeError: Cannot read properties of undefined (reading '0')
Do it like this:
const products = {
name: "14K bracelet",
id: "1",
description: "Beautfull 14K gold Bracelet",
price: 100,
size: [1, 2, 3, 4]
}
you are trying to get access to to an object in array so it should be like
let product = [{name:'test', size:[1,2,3,4]}]
console.log(product[0].size[1])You should use 'products' as an array instead of object.
Arrays have elements(object - keys). For working with them you must use indexes(f.e. array[0] for getting the first element).
For more information:
Arrays: https://www.w3schools.com/js/js_arrays.asp
Objects: https://www.w3schools.com/js/js_objects.asp
const products = [{
name: "14K bracelet",
id: "1",
description: "Beautfull 14K gold Bracelet",
price: 100,
size: [1, 2, 3, 4]
}];
console.log(products[0].size[0]);