Блог

Я пытаюсь вызвать плагин Jquery в моем компоненте React, но по какой-то причине он не работает.

 class Dashboard extends Component {
state = {
    id: null
}
componentDidMount () {
    const script = document.createElement("script");
    script.type = "text/babel";
    script.src = "../assets/js/timeline/timeline.min.js";
    script.async = true;
    console.log('Script',script);
    document.onload = () => {
        $('.timeline').timeline({
        forceVerticalMode: 700,
        mode: 'horizontal',
        verticalStartPosition: 'left',
        visibleItems: 7
      });
      
    }
    document.body.appendChild(script);
}
 

Я пытаюсь вызвать функцию временной шкалы, которая присутствует в timeline.min.js файл, который присутствует в моей папке src, для которого я добавил ссылку в код. В настоящее время у меня есть вертикальная временная шкала во внешнем интерфейсе, но я хочу изменить ее на горизонтальную временную шкалу.
Но правильно ли это вызывать плагин jquery? Я где-то ошибаюсь?