Проблема с карусельными индикаторами / MDB React Bootstrap - PullRequest
Новая
       13

Проблема с карусельными индикаторами / MDB React Bootstrap

1 голос
/ 09 апреля 2020

Я использую MDB React Bootstrap Free Edition в моем приложении. В моем компоненте MDBCarousel я пытаюсь определить длину карусели. Проблема в том, что он принимает только жестко закодированное число в качестве параметра (то есть length = {2}). В этом случае он работает нормально. Но я хочу поместить длину массива, чтобы индикаторы карусели динамически адаптировались к длине моего массива продуктов. Поэтому я пытаюсь: length = {this.state.products.length}) Это не работает. Несмотря на то, что это приносит число, (я проверял это) никакие индикаторы не отображаются. Я проверил инспектор веб-браузера и обнаружил, что в обоих случаях появляется слово ol с классом: "carousel-Indicators". Но в первом случае есть соответствующие элементы li. Во втором случае элементы li не появляются. Обычно это должно действовать правильно в обоих случаях, так как нет никакой разницы. Как я могу решить эту проблему? 

{/* first case working */}
    <MDBCarousel id="alsoInterested"
      activeItem={1}
      length= {2}
      showControls={false}
      showIndicators={true}
      className="z-depth-1"
    >
{/* second case not working */}
    <MDBCarousel id="alsoInterested"
      activeItem={1}
      length= {this.state.products.length}
      showControls={false}
      showIndicators={true}
      className="z-depth-1"
    >
...