Чтобы перебрать число в элементе Next.js, вы можете использовать различные методы. Вот несколько подходов:
-
Использование цикла for в JavaScript:
const number = 5; const elements = []; for (let i = 0; i < number; i++) { elements.push(<p key={i}>{i}</p>); } return <div>{elements}</div>; -
Использование функции карты JavaScript:
const number = 5; const elements = Array.from({ length: number }, (_, index) => ( <p key={index}>{index}</p> )); return <div>{elements}</div>; -
Использование встроенной функции диапазона Next.js:
import { range } from 'lodash'; const number = 5; const elements = range(number).map((index) => <p key={index}>{index}</p>); return <div>{elements}</div>;
Эти методы позволяют создавать цикл элементов на основе заданного числа.