如何在react中包含动画cdn



有人能告诉我如何在我的react应用程序中包含动画cdn库吗。,我的意思是我该如何把它连接起来。我尝试在我的根html(index.html(中链接cdn,但是,如何将它与正在使用的外部组件文件链接起来?感谢

包括库

包括css和javascript:

// ...
<head>
// ...
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
</head>
<body>
// ...
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
</body>
// ...

初始化和使用库

function App() {
useEffect(() => {
window.AOS.init({ // Initialization
duration: 2000
});
});
return (
<div className="App">
// Doing something with the library
<div
style={{
position: "absolute",
width: 500,
height: 500,
backgroundColor: "blue"
}}
data-aos="fade-up">
</div>
</div>
);
}

相关内容

  • 没有找到相关文章

最新更新