React Virtua Classname Sorunu

polev 292 gün önce

187 defa görüntülendi

   <WindowVirtualizer className="list">
            {productList.map((item, key) => (
              <Product key={key} product={item} />
            ))}
   </WindowVirtualizer>

bu şekilde kullanım sağlamak istiyorum ancak çıktı bu şekilde

Bu sorunu nasıl çözebilirim?

react

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

polev

291 gün önce

@tayfunerbilen Hocam o şekilde yaptığımdada alt dive etki etmiyor yani şöyle

 <WindowVirtualizer>
          <div
            style={{
              width: "100%",
              flexGrow: 1,
              display: "flex",
              justifyContent: "flex-start",
              flexWrap: "wrap",
            }}
          >
            {productList.map((item, index) => (
              <Product classProps="search-product" key={index} product={item} />
            ))}
          </div>
        </WindowVirtualizer>

Bu şekilde yaptığımda virtua çalışmıyor

        <div className="list">
          <WindowVirtualizer>
            {productList.map((item, index) => (
              <Product classProps="search-product" key={index} product={item} />
            ))}
          </WindowVirtualizer>
        </div>

Bu şekilde yaptığımda grid çalışmıyor

Herhangi bir örnekte yok WindowScroll gridle alakalı çözemiyorum

#013168

tayfunerbilen

292 gün önce

bir div icine alip o div'e class verebilirsin, diger turlu hesaplamayi yapabilmek icin override eziyor sanirim proplari :/

#013161