反応モーションで背景画像を変更し、一連の画像をループするにはどうすればいいですか？

Question

私は反応モーションを使用して、一連の画像をループします。私は一定の時間が経過した後、プログラムでバックグラウンドの変更をしようとしています。

Answer 1

コンポーネントのレンダリングは、このようなものにする必要があります。モーションとスプリングは「反動モーション」パッケージからのものです。詳細については、code for the photo demoをご確認ください。

<Motion style={{height: spring(currHeight), width: spring(currWidth)}}> 
    {container => 
    <div className="demo4-inner" style={container}> 
     {configs.map((style, i) => 
     <Motion key={i} style={style}> 
      {style => 
      <img className="demo4-photo" src={`./${i}.jpg`} style={style} /> 
      } 
     </Motion> 
    )} 
    </div> 
    } 
</Motion>