react-weui中Tab、TabBarItem遇到的坑 发表于 2017-08-16 更新于 2019-09-21 分类于 前端 , 水的一笔 , 编程 Disqus: 近期在琢磨React, 同时需要开发微信端的东西使用了react-weui 结果发现react-weui的文档说明真的是不全, 遇到好几个坑 在这里记录一下 在使用TabBarItem前观看了 react-weui 文档 可以根据active属性 得知设定是否激活,默认为fasle <TabBarItem icon={} label=”11” active={true}/> <TabBarItem icon={} label=”22” active={true}/> 照上面代码看应该会两个都是高亮激活的样式 但在实际使用中我设置了fasle和true都没有反应 郁闷的找了很久的原因 最后在还是在React-Weui的源码中发现了问题所在 因为TabBarItme是写在Tab组件里用的 【官方例子也是这样的】 然后Tab组件里有个props属性 “defaultindex” 该属性会影响子节点的active ,导致在TabBarItme里设置active在一开始是会被Tab组件里的defaultindex刷掉的= = 所以最后应该 把初始要激活的菜单写在tab组件的 defaultindex props属性里 <TabBarItem icon={} label=”11” active={true}/> <TabBarItem icon={} label=”22” active={true}/> 然而在文档中Tab组件是没有props属性的… I1.jpg)