草率小猿的博客

本文详细介绍了在React中自定义Tag名称的使用方法

本文详细讲解了如果修复antd icon报rev属性缺失的问题。

Redux 是一个优秀的状态容器，提供可预测化的状态管理。本文将详细讲解如何在React项目中集成Redux。

对于一些弹窗组件，其中一个比较高的使用场景是拖拽功能。然而如antd的Modal组件、element ui 的Dialog组件等等其他UI，自带的弹窗却原生不支持拖拽功能，却是一大遗憾。下面给出一种基于draggable组件来实现拖拽效果的一种实现方法。

有不少人私信咨询关于前面一片文章《React + Router + Antd实现多标签页功能》的具体代码。现在将代码公布一下。

在日常前端开发中，表单可以说是最常用的一种数据录入及展示组件。如果项目里有成百上千个表单需要手动编写代码，这将极大的一笔极大的人力开支。这时候，选择一款合适的表单设计器，就显得非常重要了，不仅能极大的缩短项目开发周期，而且还能保持各个页面之间风格基本统一。

这两天用create-react-app创建了一个新的React项目，在项目运行的时候，似乎有意想不到的事情发生，组件的componentDidMount方法被触发了两次。

接触React + Ant Design开发也有一段时间了，也已经慢慢习惯了React + Ant Design。最近开发的需求功能里，需要一个全屏弹窗的功能，类似于ElementUI里的Dialog组件fullscreen属性设置为true的效果。然后发现Ant Design的Modal组件并不支持全屏效果。

借助于React-Resizable，实现Antd Table组件拖动调整列宽效果

前些年参与的几个项目，前端部分主要采用Vue+ElementUI进行开发。最近参与的项目，前端部分转向了React+Antd，其中关于Antd的一些疑惑着实不少。

在前一篇文章中初步的讲解了通过ConfigProvider全局化配置prefixCls的方式来动态切换部分主题样式配置，文章中只是通过修改部分颜色（如primary颜色）来初步展示了效果，可能效果不甚理想。对于实际项目开发中，其中有一类需求比较多的就是动态切换默认（亮色）主题与暗黑色主题，在ant-design官网有一个官方的demo可以参考。

最近去ant design官网查阅资料，发现ant design最新版本已经更新到了4.17.x，于是比较粗略的看了一下最近几个4.17.x版本的更新日志，发现4.17.0版本更新了大量内容（点击查看4.17.0版本更新日志），在这其中比较吸引我注意点一点是实现了动态主题的功能。不过点看动态主题的文档，却标明着是实验性的功能，真是一个大写的囧。。。

在用React开发项目的过程中，遇到一个问题，使用connect连接子组件后，父组件调用子组件方法时，提示xxxRef.current为null的错误。

写在前面几乎在所有的前端UI中，Table组件都有着不可或缺的作用，Table组件对于数据展示，有着天然的优势。Ant-Design官网上，对于Table组件，有着非常详细的API和Demo，比如自带可编辑单元格、可编辑行功能，是其他部分UI中所没有的。但是对于Table组件数据为空时的渲染样式，却没有直接的文档说明。本人之前从事Vue+ElementUI进行开发，ElementUI中Table组件，可以直接通过empty-text属性，或者slot="empty"进行配置。效果如下图：Config

写在前面近期刚开始接触React这一前端开发框架，对React有些机制不是很熟悉，因此在开发过程中走了不少弯路。之前一直接触的是Vue方面的开发，对于Vue来说相对比较熟悉，在学习React过程中总是有意无意的将两者进行比较。今天由于自己在开发小项目过程中用到了父组件调用子组件这一比较简单的功能点，权当记录，顺便比较一下React和Vue中的差异点。Vue父组件调用子组件首先需要在子组件中定义一个需要调用的方法ChildComponent.vue：export default { name