Antd5最最最吸引我的点 Antd5 官网 又好用，又能好看。 没有Antd5之前，我是选Mui的。

1. React Hooks 2. 解决的问题 3. 注意事项 4. useState useState会返回一对值：当前状态和一个让你更新它的函数，你可以在事件处理函数中或者其他一下地方调用这个函数。它类似class组件的this.setState，但是它不会把新的state…

如果父组件设置了context，那么它的子组件都可以直接访问到里面的内容，它就像这个组件为根的子树的全局变量。 父组件可以通过 getChildContext 方法返回一个对象，这个对象就是子树的 context，提供 context 的组件必须提供 childContextT…

5. 表单与变量的关联 在了解表单的时候，我们需要了解一个概念受控组件和非受控组件。 受控组件就是React可以控制这个组件内部所有的东西，比如设置控件的value,可以监听到这个组件改变事件onChange。但是，有些Html控件无法让React控制，典型的就是input t…

经常开发中后台项目的同学肯定都经历过大型表单的折磨，几十个甚至上百个表单元素足以让我们欲仙欲死，这可真是个体力活。特别当你选择 React 作为技术框架的情况下，这满屏幕的 onChange 简直是一个噩梦。 当然我们还是有追求的，肯定不会屈服于此。社区内有很多的解决方案，比如…

现在有很多优秀的拖拽布局工具，表单设计器，layui拖拽布局, Vue-Layout。 我们最近也实现了类似的功能，废话不多说，先把预览贴出来（不知道为什么掘金现在图片不支持gif了，还要自己上传到图床）。 在实现这个的功能的过程中，也走了一点弯路，我们内部1.0版本的时候，使…

上周我写了一篇文章: 基于React的表单开发的分析(上), 主要讲解我们在后台系统开发中 关于新建、编辑、详情这三个页面的异同点以及开发的要点，并最后有提到这期总结一个基于Antd的表单公用组件的设计与实现。 ... TextPreview => 自定义的表单组件, 它和In…

根据数据结构生成简单的表单，再写一个回调函数，请求后台即可。 可以看到，这里有一个JSONToForm组件，这个组件我们实现下，就可以了。我的实现组件代码 这里用到了antd做form的主要渲染，然后我们要做的就是改成json渲染的形式。 然后把这个json化再传给后台，后台管…

大家好，我是大圣github:https://github.com/shengxinjing，最近@愚道授权我，来更新ant-design官方的实战教程，原则上保持之前教程的体系解构，更新到antd4