How to remove Length Count on RectJS Owlcarousel [duplicate]

Question

I am ttrying to show products data on an OwlCarousel in ReactJS and I am using this code to do so.

<div className="row section">
        {isLoading && <WidgetSkeleton cards={2} />}
      </div>
      {seedlings.length && (
        <OwlCarousel
          items={2}
          className="owl-theme"
          loop={false}
          nav={false}
          dots={false}
          stagePadding={30}
          responsiveClass={true}
          margin={16}
        >
          {seedlings.map((seedling) => (
            <ProductWidget seedling={seedling} key={seedling.seedlingid} />
          ))}
        </OwlCarousel>
      )}
    </div>

But now it displays an annoying Zero (0) when it loads before displating the data. How can I get rid of the 0? Kindly help?

It looks like this

Neil Girardi · Accepted Answer · 2022-11-12 14:13:33Z

1

{seedlings.length && (<MyComponent/>)}

Will return 0 when seeedlings.length === 0. You can change the conditional render to this instead:

{seedlings.length ? <MyComponent/> : null}

answered Nov 12, 2022 at 14:13

Neil Girardi

5,0113 gold badges37 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to remove Length Count on RectJS Owlcarousel [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related