原创 快速構建高性能表單---JSXForm

背景 表單問題,不管是在 jQuery 時代,還是 Angular/React 時代,都永遠是前端工程師們的痛,但是這又是沒辦法的事情,業務需求多種多樣,對於中後臺業務而言,表單頁面和報表頁面基本上是中後臺業務的核心展現形式,但是,Reac

原创 JSON生成Form表單(四)

JSON表單實例方法 靜態方法 json表單有一個靜態方法:createCustomComp import Form from 'json_transform_form' import components from './componen

原创 JSON生成Form表單(三)

container表單組件 在實際的項目中,JSON表單提供的表單組件是遠遠不夠的,而且提供表單組件是一件低效的事,目前Ant Design組件庫提供的表單組件就已經很實用了。 所以container提供了一套規則來自定義表單組件,來滿足實

原创 JSON生成Form表單(二)

JSON配置 JSON表單的配置分爲兩種,暫且稱描述表單信息的爲表單配置,描述表單組件信息的爲組件配置。JSON表單的配置一定是兩種配置的組合。 在開始講解配置之前先介紹幾個專業名詞: 表單配置:描述表單信息的配置 組件配置:描述表單組件

原创 JSON生成Form表單(一)

介紹 JSON表單是一個基於React的抽象組件,它能將JSON格式的配置渲染爲一個Form表單,在實際項目中,通過它可以快速的搭建出一個表單頁,這在B端項目中,有着很廣泛的用途。 JSON表單的優點有以下幾點: 可以快速的構建出一個表單

原创 JSON生成Form表單的方法示例

JSON表單是一個基於React的抽象組件,它可以把JSON數據格式描述的表單轉換成項目中的表單,這篇文章主要介紹了JSON生成Form表單的方法示例,感興趣的小夥伴們可以參考一下 JSON表單描述 JSON表單是

原创 JSON生成Form表單

JSON表單 描述 JSON表單是一個基於React的抽象組件,它可以把JSON數據格式描述的表單轉換成項目中的表單,它可以用簡短的幾行代碼,快速的生成Form表單。 一個栗子 const config = { formKey: '