神奇的展示问题- -

来源:7-14 超值特惠-展示数据

miska10086

2017-06-04

在7-14节超值特惠的代码中,我按照老师的步骤进行map便利并展示,然后神奇的一幕出现了http://szimg.mukewang.com/5933bbc80001715519201040.jpg

数据完全没问题,结构也渲染出来了,但是在页面上就是没有展示! 很凶残-  -

http://szimg.mukewang.com/5933bc570001b97719201040.jpg

http://szimg.mukewang.com/5933bc570001786119201040.jpg

http://szimg.mukewang.com/5933bc5700018bdb19201040.jpg

追加:发现问题原因,被浏览器自动加了display:none; 但不知如何解决-  -  手动添加display:block无效

http://szimg.mukewang.com/5933c0eb000189cf19201040.jpg


顺带提问,控制台有两个警告,一个是关于使用propTypes的,这个需要替换成propTypes的npm包,但是并没有找到这个在哪里调用了

还有一个是关于React.CreateClass的警告,这个不知道如何解决

http://szimg.mukewang.com/5933bcd10001840f19201040.jpg

写回答

2回答

双越

2017-06-04

第一,display:none 的问题,你自己去查一下,根据截图的信息我也看不出哪里的问题。教你一个方法:把这个复杂的组件简单化,先能显示出一段简单的问题,保证 display 不等于 none,然后再按照你的步骤一步一步追加,每一步都看看display是否是none,这样一点一点就能查出问题。

第二,这俩warn不是错误,是警告,即提示接下来的版本这两个API会升级,不再支持,但是现在可以使用,而且 build 之后react不会给出任何warn。

0
2
miska10086
非常感谢!
2017-06-04
共2条回复

firvne

2017-10-23

同学你好!我也遇到了相同的问题。请问你的问题最后解决了吗?

0
0

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

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

1711 学习 · 707 问题

查看课程