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

来源：7-11 轮播图完成

qq_什么东西_03288925

2017-05-27

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

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

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

写回答

3回答

qq_雨成云成风_03527117

2017-05-29

已采纳

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

qq_什么东西_03288925

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

2017-05-31

共2条回复

Eden_frontend

2017-06-01

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

双越

2017-05-28

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

React高级实战打造大众点评Web App

已经对React Router4与Webpack2进行了项目升级

1711 学习 · 707 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 1