如何在React

Question

我正在React.js中使用此插件设置带有缩略图滑块的图像滑块：http://flexslider.woothemes.com/thumbnail-slider.html

如果我静态添加<li>，则效果很好：

<div id="carousel" class="flexslider">
  <ul class="slides">
    <li><img src="slide1.jpg" /></li>
    <li><img src="slide2.jpg" /></li>
    <li><img src="slide3.jpg" /></li>
    <li><img src="slide4.jpg" /></li>
  </ul>
</div>

但是，如果我尝试动态加载内容，则由插件代码动态计算和添加的内联样式不会同时添加到ul和li元素（即{{1 }}）

这是我的方法：

width: 210px; margin-right: 5px; float: left; display: block;

Answer 1

根据您提供的链接，插件需要初始化。您在哪里进行初始化？

我建议使用componentDidMount生命周期方法进行初始化。这是因为当该代码运行时，<li>就已经在DOM中。