Тело доступа в компоненте реакции для использования scrollspy

Question

Я создаю веб-приложение на основе реагирования, используя несколько стилей html / css из одного из бесплатных шаблонов «плоских файлов», предоставляемых bootstrap.

, для изменения правильного шаблона используется scrollspy. Цвет элемента меню при наведении на раздел, к которому пользователь прокрутил.

Этот эффект достигается с помощью этого кода в одном из javascript файлов

 $('body').scrollspy({
    target: '#nameHere'
  });

в моем компоненте реакции, я пытаюсь сделать это

document.body.scrollspy({ target: '#nameHere' })

, но когда я запускаю приложение, я получаю ошибку "document.body.scrollspy не является функцией".

Есть ли что-то болезненно очевидное, что я делаю здесь не так?

Answer 1

Хорошо, я нашел несколько способов заставить это работать.

Более надежный способ - использовать компонент React Scroll, упомянутый Валентином выше, но это предполагает получение зависимости от другого модуля и из-за некоторых других В моей ситуации я не смог заставить это работать.

Более быстрый и более хакерский способ - добавить

data-spy="scroll" data-target="#namehere" data-offset="56"

в тег body индекса. html

Answer 2

Хммм ... Я думаю, проблема в том, что элемент document.body не имеет свойства scrollspy.