Reactjs: Как повторить объект массива n раз?

Question

Вот мой код:

 const [data, setData] = useState([
    {id: 1, name: 'paper', qty: 10},
    {id: 2, name: 'bottle', qty: 5},
 ]);

Как я могу повторить имя объекта n раз на сумму qty для каждого объекта и отобразить его в некоторых тегах, например <h1>.

Answer 1

  const [data, setData] = React.useState([
    { id: 1, name: "paper", qty: 10 },
    { id: 2, name: "bottle", qty: 5 }
  ]);
  return (
    <div className="App">
      {data.map(({ name, qty }) => (
        <div>{new Array(qty).fill(<h1>{name}</h1>)}</div>
      ))}
    </div>
  );