如何删除 React JS Owlcarousel 中的长度计数 [重复]

Question

我正在尝试在 ReactJS 中的 OwlCarousel 上显示产品数据，并且我正在使用此代码来执行此操作。

<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>

但是现在它在显示数据之前加载时会显示一个烦人的Zero (0)。我怎样才能摆脱0？请帮忙？

看起来像这样

Answer 1

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

当seeedlings.length === 0时将返回0。您可以改为将条件渲染更改为：

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