如何使用react-motion更改背景图像并循环显示一堆图像？

Question

我正在使用react-motion来循环遍历一堆图像。我试图在一段时间后以编程方式进行背景更改。

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>