Estoy tratando de hacer una lista de menú con elementos de menú en función del número de existencias que hay en el objeto que hice, por lo que si las existencias en el objeto son 5, entonces quiero que el menú me dé un ciclo de 1 a 5 para el usuario a elegir
const productDetails = { title : "product title", stock : "5" } for (var i = 1; i <= productDetails.stock; i++) { console.log(i) } <MenuList> <MenuItem>{i}</MenuItem> </MenuList>Puede hacer esto creando una matriz de cadenas vacías y luego map sobre la matriz para obtener la cantidad de MenuItem que hay en productDetails.stock .
He usado el
indexcomokey, lo cual no se recomienda. Puede utilizar cualquier clave para cada elemento.
const productDetails = { title: "product title", stock: "5" }; return ( <MenuList> {Array(+productDetails.stock) .fill("") .map((n, i) => { return <MenuItem key={i}>{i + 1}</MenuItem>; })} </MenuList> );