Как передать импорт в качестве параметров реквизита в React JS - PullRequest
Новая
       42

Как передать импорт в качестве параметров реквизита в React JS

0 голосов
/ 01 декабря 2019

Я использую реактивные лотереи и хочу добавить разные анимации во многие div, меняя только URL лотерей.

Я новичок в реакции, будьте добры, пожалуйста:)

это мойСкрипт:

  • Мои лотенты Компонент: 
    import React, { Component } from "react"
    import Lottie from "react-lottie"
    import animationData from "./lotties1.json"
    import animationData from "./lotties2.json"
    import animationData from "./lotties3.json"
    import "./lotties.css"

    class LottiesC extends Component {
      render() {
        const defaultOptions = {
          loop: true,
          autoplay: true,
          animationData: animationData,
          rendererSettings: {
            preserveAspectRatio: "xMidYMid slice",
          },
        }

        return (
          <div className="x">
            <Lottie options={defaultOptions} height={600} width={600} />
          </div>
        )
      }
    }

    export default LottiesC

-Мой компонент index.js: 


       import React from "react"
        import Navigation from "../components/Navigation"
        import LottieControl from "../components/LottiesC"

        const index = () => {
          return (
            <section className="index">
              <div><LottiesC animationData ={lotties 1}  /> </div>
               <div><LottiesC  animationData ={lotties 2} /> </div>
              <div><LottiesC animationData ={lotties 3}  /> </div>
            </section>
          )
        }

        export default index
...