React. загружать различные массивы данных в скользящий слайдер

Исключение нулевого указателя генерируется, когда приложение пытается использовать null в случае, когда требуется объект. К ним относятся:

  1. Вызов метода экземпляра объекта null.
  2. Доступ или изменение поля объекта null.
  3. Принимая длину null, как если бы это был массив.
  4. Доступ или изменение слотов null, как если бы это был массив.
  5. Бросок null как будто это было значение Throwable.

Приложения должны бросать экземпляры этого класса, чтобы указать на другие незаконные использования объекта null.

Ссылка: http://docs.oracle.com/javase/8/docs/api/java/lang/NullPointerException.html

0
задан Лёша Сугуров 14 April 2019 в 11:39
поделиться

1 ответ

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

const CustomSlider = ({rooms, settings}) => {
  return (

    <Slider ref={slider => (this.slider = slider)} {...settings}>
      {rooms.map(room => {
        return (
          <div className="rooms_slider">
            {room.title === 'Soon' ? (
              <img src={room.img} />
            ) : (
              <Link to={`/rooms/${room.id}`}>
                <img src={room.img} />
              </Link>
            )}

          </div>
        );
      })}

    </Slider>
  )
};

<CustomSlider rooms={[{title,  img, id}]} settings={someSettingObj} />

Отсюда вы можете условно визуализировать вещи, основываясь на доступных реквизитах.

0
ответ дан Beaulne 14 April 2019 в 11:39
поделиться
Другие вопросы по тегам:

Похожие вопросы: