cari

Rumah  >  Soal Jawab  >  teks badan

Menggunakan keadaan dalam gelung peta tatasusunan (Next.js)

UI Keputusan Akhir

Jadi saya ada data ini

var arr = [1,2,3,4,5,6,7,8]

Saya ingin menyemak sama ada indeks tatasusunan ialah gandaan 5, jadi setiap kali gelung berada pada indeks 0, 5, 10, dsb. ia akan mencetak html ini <div class="slide-item"><div>{data}</div></div> tetapi apabila ia bukan pada indeks 0, 5, 10, dsb. (maksudnya Ia berada di kedudukan 1, 2, 3, 4, 6, 7, 8 dll.) dan ia akan mencetak

<div class="slide-item"><div>{data 1}</div><div>{data 2}</div></div><div class="slide-item"><div>{data 3}</div><div>{data 4}</div></div>

Jadi pada asasnya UI hasil akhir adalah seperti gambar yang dilampirkan.

Percubaan pertama saya begini

{arr.map((res, index) => {return ({index % 5 === 0 ? (<div className="slide-item"><div>{res}</div></div>): (<div class="slide-item"><div>{data 1}</div><div>{data 2}</div></div>)}

Saya tidak pasti bagaimana untuk melakukannya, jika sesiapa boleh membantu, ia amat dihargai!

P粉034571623P粉034571623248 hari yang lalu421

membalas semua(1)saya akan balas

  • P粉107991030

    P粉1079910302024-03-28 00:03:22

    Saya rasa anda perlu menyemak keadaan berdasarkan res kerana indeks sentiasa bermula dari 0

    Cuba ini

    {
        arr.map((res, index) => {
            return ( res % 5 === 0 
                ? <div className="slide-item"><div>{res}</div></div>
                : <div>
                     <div class="slide-item"><div>{data 1}</div>
                     <div>{data 2}</div></div>
                  </div>
             )       
         })
    }

    balas
    0
  • Batalbalas