Как включить файл JavaScript в код TypeScript?

carousel.js - это мой код JavaScript. Его цель - добавить в карусель такие события, как предыдущее и следующее. Как мне использовать его в моем TypeScript?

Ниже приведен метод рендеринга, в котором я использовал базовый HTML.

  public render(): React.ReactElement<IReactCarouselProps> {

return (
   <div className = {styles.image_carousel}>
        <div className = {styles.inner}>
            <img className = {styles.img} src = "1.jpeg"/>
            <img className = {styles.img} src = "2.jpeg"/>
            <img className = {styles.img} src = "3.jpeg"/>
        </div>
        <div className = {styles.bubbles}></div>
        <div className = {styles.prev}></div>
        <div className = {styles.next}></div>
   </div>


   );
}

Что такое carousel.js? Этой информации недостаточно, чтобы кто-то мог вам помочь. Что делает carousel.js? Если это IIFE, который возвращает объект, вам нужно будет назначить объект переменной в локальной области и использовать ее.

instantaphex 24.07.2018 17:59

carousel.js - это простой код JavaScript для добавления таких событий, как предыдущее и следующее, в карусель.

avinash tayal 24.07.2018 19:07

Возможный дубликат Требование javascript не работает внутри HTML

Heretic Monkey 24.07.2018 19:14
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
3
72
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Не следует добавлять сценарии JavaScripts в файл TypeScript.

Чтобы выполнить работу, найдите аналогичную ссылку в TypeScript, так как вы хотите иметь карусель, ниже приведены некоторые пакеты npm, которые вы можете включить.

Другие вопросы по теме