antd table edit

antd-editTable

使用antd实现表格增、删、编辑，分别基于react16.2和react16.3实现两种方式

背景

React在版本16.3-alpha里引入了新的Context API，antd3.10.0基于react16.3-alpha，利用React.createContext()特性实现表格编辑。

方式一：基于react16.2, antd8.4实现表格增、删、编辑，未实现校验功能

示例

example.gif

Demo

https://codesandbox.io/s/v85jlv541y

方式二：基于react16.3, antd3.10实现表格增、删、编辑，已实现校验功能

示例

example.gif

Demo

https://codesandbox.io/s/73zvp3vljx

github

https://github.com/Youzi-wr/antd-editTable

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,823评论 25赞 709
  • Android - 收藏集
    用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你...
    hw1212阅读 14,497评论 2赞 59
  • 你的眼里，是一朵一朵的花
    你眨着水汪汪的大眼睛，问我。 "你说，你从我的眼中看到了什么？" 我说，"你的眼里，是一朵一朵的花" "不对，是失...
    润寒阅读 3,873评论 0赞 4
  • 原野的呼唤（四）
    我凝神倾听，长期以来的困惑终于有了答案：原来稍稍长大后，小伙伴们都开始疏远我的原因是他们听长辈们说我除了本族血...
    小侠下半程阅读 1,254评论 0赞 1
  • 2018-10-04
    最近，不只是巧合还是什么原因，很多妈妈都跟我反应说，宝宝睡眠很少，不知道是因为什么原因。其实影响宝宝睡眠的因素有很...
    复明的瞎子阅读 1,709评论 0赞 0