рассчитать ширину элемента для определения размера - PullRequest
Новая
       10

рассчитать ширину элемента для определения размера

0 голосов
/ 21 февраля 2019

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

Я попытался рассчитать его следующим образом: 

   const width = (window.innerWidth - document.getElementById('element').offsetWidth)/2;

В моем методе рендеринга у меня есть: 

        const settings = {
          className: "center",
          centerMode: true,
          arrows: true,
          infinite: true,
          centerPadding: "220px",
          slidesToShow: 1,
          speed: 500,
          responsive: [
            {
              breakpoint: 1441,
              settings: {
                centerPadding: `${width}px`,
              }
            },
            }
          ]
        };

И, наконец, в моем возвращении 

<Row style={{ margin: '150px 0px'}}>
        <Slider {...settings}>
          <img  alt="" src={destination.photo.url}
            onLoad={this.handleImageLoaded} />
          <img alt="" src={destination.photo.url}
            onLoad={this.handleImageLoaded} />

          <img alt="" src={destination.photo.url}
            onLoad={this.handleImageLoaded} />
          <img alt="" src={destination.photo.url}
            onLoad={this.handleImageLoaded} />
        </Slider>
    </Row>

Но у меня появляется эта ошибка: Errro Image

Я произвел расчеты в своей консоли, и все работает, поэтому не уверен, откуда это исходит

1 Ответ

0 голосов
/ 21 февраля 2019

Ошибка из-за дополнительных 's' здесь: document.getElementsById.

Поскольку идентификатор уникален, правильный метод - document.getElementById.

...