React-Slick оборачивает содержимое в div, когда не следует - PullRequest
Новая
       19

React-Slick оборачивает содержимое в div, когда не следует

0 голосов
/ 07 мая 2018

React-Slick несколько дней назад работал как обычно, теперь я обновил версию, и она оборачивает все слайды в div, который разрушает старую структуру и ведет себя странно.

Я пытался понизить рейтинг и удалить все настройки, но это не помогло. Я знаю, странно, что после перехода на предыдущую версию у меня возникла та же проблема, но я полностью уверен, что 2 дня назад она работала правильно.

Вот как я использую реагирующее пятно: 

<Slider {...sliderSettings}>
  <div><h1>test</h1></div>
  <div><h1>test 1</h1></div>
  <div><h1>test 2</h1></div>
</Slider>

А вот настройки: 

const sliderSettings = {
  dots: true,
  lazyLoad: true,
  className: 'slider',
  dotsClass: 'dots',
  arrows: false,
  autoplay: true,
}

Вот разметка в браузере: 

<div data-index="0" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 1275px;">
  <div> <<-- This div shouldn't be here
    <div tabindex="-1" style="width: 100%; display: inline-block;">
      <h1>test</h1>
    </div>
  </div>
</div>

1 Ответ

0 голосов
/ 07 мая 2018

Проблема была с новой версией 0.23.1. По какой-то причине он обернул все слайды в div, что разрушило бы структуру, и реквизит попал бы в неожиданный элемент.

Исправлено путем понижения до 0.16.0.

...