动态加载Lottie JSON文件

Question

如何在ReactJS中动态加载Lottie的JSON文件？如果我想设计一个动态菜单，并希望图标(Lottie)根据传递给它的文件名进行更改。这个是可能的吗？以及如何也更改Lottie文件的颜色？

我再也找不到这个信息了。还能帮上忙吗？

Answer 1

我没有动态地尝试，但是您可以试试这个。

import { useLottie } from "lottie-react";
const options = {
    animationData: animationData, // you can set dynamic data
    loop: true,
  };
const { View } = useLottie(options); // you can also try this {animationData:your data,loop:true}

<>{View}</> // lottie will show

让我知道它是否适合你。注意:它适用于单个lottie文件。