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>
);
}
您不应该将JavaScripts添加到TypeScript文件中。
为了完成这项工作,在TypeScript中找到一个类似的参考,因为你想要旋转木马,下面是一些你可以包括的npm包。
- React响应转盘
- 努卡旋转木马