基于react的项目开发
An_cf
混合App开发者
展开
-
react开发记录
做公司项目时,寻找表格插件发现一个挺好的react插件库,虽然暂时用不上,但还是记录一下。-------RSUITE | 一套 React 的 UI 组件库-----网址:https://rsuitejs.com/rsuite-table/...原创 2018-04-12 13:55:52 · 358 阅读 · 0 评论 -
react生命周期
最近又回到react的开发中,开发中遇到了父组件传递props给子组件设置成state数据的问题,于是又仔细回顾了一下react组件的生命周期,使用componentWillReceiveProps完美解决了这个问题;嗯,看了别人总结的,感觉挺好,也来记录一下知识点~getDefaultProps()执行过一次后,被创建的类会有缓存,映射的值会存在this.props,前提是这个prop不...转载 2018-08-03 16:18:24 · 176 阅读 · 0 评论 -
react开发中setState失效的问题
在react项目的开发中碰到一个奇怪的问题,setState失效。我这里提到的失效不是说的setState由于异步而造成的数据延迟问题,如果有这个问题的话,你可以通过this.forceUpdate()的方式去强制更新;言归正传,我碰到的问题是由于我的子组件使用了componentWillReceiveProps而产生的setState失效假象。查资料并实验一番,发现当调用setState时,co...原创 2018-08-24 15:38:09 · 5359 阅读 · 0 评论 -
react的渲染机制
在做react的项目开发中,由于项目需要,自己封装了一个通过下拉框筛选得到不同数据的图表,echart没有合适的图表,就手绘了一个。图表是一个横向的柱状图,当react渲染的时候会有一个加载动画,遇到的问题是加载动画只在第一次加载~然后让我们先回顾一下react的渲染机制,我们都知道react有一个虚拟dom的概念,当渲染的时候react会比较两个虚拟dom的节点;1.节点相同,属性不同---...原创 2018-08-30 10:41:40 · 737 阅读 · 0 评论 -
antd Table使用记录
1.antd table如何关闭hover效果?需求原因:对于普通表格来说,antd表格的hover完全是可以的,但是在单元格进行了合并的复杂表格中,就会显得很怪;解决方法:样式覆盖---------------------.ant-table-tbody > tr:hover > td{ background:transparent ! important;...原创 2018-09-12 14:59:38 · 4212 阅读 · 1 评论