Как l oop один констант для нескольких раз в NextJs - PullRequest
0 голосов
/ 09 апреля 2020

Я хотел бы напечатать <Icon /> 700 раз на одной странице. Я новичок в следующем Js. Я использую для l oop, чтобы сделать это, и в состоянии console.log, но я не знаю, как его распечатать. Кто-нибудь может мне помочь? Цените это много.

Вот мой код.

import React from 'react'
import { IoMdWoman } from 'react-icons/io'

const Icon = <IoMdWoman size={40} color='#E91E63' />

for (let i = 0; i < 700; i++) {
  console.log(Icon)
}

const test700 = () => {
  return (
    <ul>
      <li>{Icon}</li>
    </ul>
  )
}

export default test700

1 Ответ

0 голосов
/ 09 апреля 2020
const array = Array(700).fill(undefined) // old syntax
// or
const array = [...Array(700)] // using spread syntax (produces the same as above)

const test700 = () => {
  return (
    <ul>
      {array.map(_=><li>{Icon}</li>)}
    </ul>
  )
}
...