React根據後台資料動態生成Form表單

2021-07-29 07:30:02 字數 1184 閱讀 9550

import react,  from 'react';

import reactdom from 'react-dom';

import from 'antd';

import moment from 'moment';

// 推薦在入口檔案全域性設定 locale

import 'moment/locale/zh-cn';

moment.locale('zh-cn');

const formitem = form.item;

const option = select.option;

// 後台返回的資料格式

const data = [

,,,]// formitem css 樣式

const formitemlayout = ,

sm: ,

},xs: ,

sm: ,

}}// 儲存按鈕 css 樣式

const tailformitemlayout = ,

sm: ,

}}// form css 樣式

const formlayout =

handlesubmit(e)

});} /**

* 根據後台返回的 data 中 type 型別生成不同的元件

* @param item json

* @param component

*/switchitem(item) } />;

break;

case

'char':

return

;break;

case

'date':

return

style=} />;

break;

case

'select':

return (

value=>option>)})}

select>

)default:

return ;

break;

}} render() = this.props.form;

return (

效果圖:

antd 根據後台資料動態生成表單和資料更新

具體需求是 1 根據後台資料動態生成表單項 2 表單項可以編輯和增減,提交儲存資料到後台 大概介面如下 對於需求1,找了下基本通過map列舉,配合getfielddecorator 沒找到完整的解決方案,自己摸索了下,通過onvalueschange監聽所有表單改動,更新state來儲存實時編輯的....

選單欄根據後台資料自動生成

最近遇到乙個問題 需要給個人分許可權檢視不同的選單 以前許可權問題是定義乙個資料庫表 根據許可權不同賦予不同的許可權 從資料庫獲取選單 比較靈活 所以就做了這個肯定有很多不足 希望可以和大家共同學習 技術 easyui spring spingmvc mybiatis 為什麼要用easyui呢 因為...

XML JSON 後台資料

xml 後台資料的長相 yibella 23dancing coding xml 有兩種解析方式第一種,是使用sax方式,其中使用的是 模式,遵循的nsxmlparserdelegate 詳情 第二種方式,是使用dom解析,使用的是第三方庫檔案gdataxml node 詳情 json 後台資料的長...