реакции- bootstrap как управлять настройками карусели, элементами управления, индикаторами, автоповоротом, интервалом времени

Question

Так что вопрос прост: как передать переменные для управления настройками в карусели (реагировать - bootstrap)? Я хотел бы передать (params / props / state), чтобы можно было динамически отображать / скрывать следующие предыдущие кнопки, автозапуск, интервал времени между двумя слайдами и т. Д. c, передавая реквизиты, как это было бы в обычном bootstrap. Карусель (где это делается путем добавления html или скрытия его CSS, что является решением imao 2010). Есть идеи?

Вот мой код, взятый из: здесь . К сожалению, плохая документация (или плохой интерфейс, поэтому я не смог найти более подробную документацию.)

КОД:

 <Carousel>

  <Carousel.Item>
    <img
      className="d-block w-100"
      src="holder.js/800x400?text=First slide&bg=373940"
      alt="First slide"
    />
    <Carousel.Caption>
      <h3>First slide label</h3>
      <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
    </Carousel.Caption>
  </Carousel.Item>

  /* and so on,  next item, next item, etc... */

</Carousel>

Answer 1

Попробовав с некоторым обходным решением и потратив часы на сравнение реакции Карусели - bootstrap с самой Каруселью bootstrap, я получил это решение, работающее в реакции - bootstrap:

 <Carousel
    autoPlay={true}
    interval={5000}
    controls={false}
    indicators={false}
  >

Теперь только одно вам нужно сделать так, чтобы эти значения true / false исходили из вашего json / config / props для внесения изменений программно c. Примечание. «Интервал» - это значение в миллисекундах (пример: 5000 для 5 сек c кадр).

Я надеюсь, что это решение кому-то поможет, поскольку я sh оно помогло мне в тот момент, когда я задал вопрос :) Ура!