antd table edit

antd-editTable

使用antd實(shí)現(xiàn)表格增、刪、編輯，分別基于react16.2和react16.3實(shí)現(xiàn)兩種方式

背景

React在版本16.3-alpha里引入了新的Context API，antd3.10.0基于react16.3-alpha，利用React.createContext()特性實(shí)現(xiàn)表格編輯。

方式一：基于react16.2, antd8.4實(shí)現(xiàn)表格增、刪、編輯，未實(shí)現(xiàn)校驗(yàn)功能

示例

example.gif

Demo

https://codesandbox.io/s/v85jlv541y

方式二：基于react16.3, antd3.10實(shí)現(xiàn)表格增、刪、編輯，已實(shí)現(xiàn)校驗(yàn)功能

示例

example.gif

Demo

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

github

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

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,828評論 25贊 709
  • 用兩張圖告訴你，為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料？ 從這篇文章中你...
    hw1212閱讀 13,929評論 2贊 59
  • 你眨著水汪汪的大眼睛，問我。 "你說，你從我的眼中看到了什么？" 我說，"你的眼里，是一朵一朵的花" "不對，是失...
    潤寒閱讀 771評論 0贊 4
  • 我凝神傾聽，長期以來的困惑終于有了答案：原來稍稍長大后，小伙伴們都開始疏遠(yuǎn)我的原因是他們聽長輩們說我除了本族血...
    小俠下半程閱讀 203評論 0贊 1
  • 最近，不只是巧合還是什么原因，很多媽媽都跟我反應(yīng)說，寶寶睡眠很少，不知道是因?yàn)槭裁丛?。其?shí)影響寶寶睡眠的因素有很...
    復(fù)明的瞎子閱讀 281評論 0贊 0

友情鏈接更多精彩內(nèi)容