react-swipe 组件中引入其他组件出问题

Question

老师，我把轮播图这部分的代码进行了修改，把里面的东西进行更细的组件划分，控制台并没有报错，可是轮播图部分却什么都显示不出来，当我把<ReactSwipe>删除后，只是删除了这层嵌套，里面内容没有改变，数据就又出来了，代码如图

想问下老师，是不是ReactSwipe里面不能使用其他组件，如果可以使用的话，我这里的代码应该怎么改呢？

经测试并不是其他代码的原因导致出现问题，只要删除掉<ReactSwipe>，都能正常显示

Answer 1

qq_雨成云成风_03527117 2017-05-29 18:00:41

我跟你碰到过一样的问题，这一块用了map数据没有硬编码，就不显示轮播图。
我测试了很久发现map直接用一个一维数组是可以显示的，不信你换成[1,2,3,4]试试，问题的原因在于嵌套数组轮播图就失效了。我就用的硬编码，把数据直接塞进去，跟老师一样是可以的

• 提问者 qq_什么东西_03288925 #1

  非常感谢！

• 提问者 qq_什么东西_03288925 #2

  我试了下，确实是这样，可是如果硬要map二维数组该怎么办呢

Answer 2

Eden_frontend 2017-06-01 15:37:13

在ReactSwipe中加上一个 key={this.props.data.length}

<ReactSwipe ref="reactSwipe" className="carousel" key={this.props.imageList.length} swipeOptions={opt}>

Answer 3

双越 2017-05-28 16:54:53

你可以看一下生成页面在 swipe 这块的 DOM 结构，看看到底是有问题不显示，还是说这块 html 根本没有生成