form-render的簡單使用心得（FormRender現(xiàn)已升級到XRende）

form-render的簡單使??得（FormRender現(xiàn)已升級到XRende）偶爾?次使?了，使??便簡單，通過簡單的Schema就可以?成表單，很符合數(shù)據(jù)驅(qū)動(dòng)這?理念，基本需求也都能滿?。但是作為新興的react第三?包，缺點(diǎn)就是互聯(lián)?上相關(guān)資料太少，在使?過程中想要熟悉?些API的使?，相關(guān)實(shí)例也較少。具體使?事例如下：簡單?例//使?AntDesign體系importFormRenderfrom"form-render/lib/antd";//?先寫好完整的'數(shù)據(jù)'"schema":{"type":"object",//(更新后的1.x與0.x寫法略有區(qū)別)"labelWirth":130,"properties":{"string":{"title":"輸?框","type":"string"},"select":{"title":"可選擇","type":"string","enum":["a","b","c"],"enumNames":["1","2","3"]}}},//onChange事件可以動(dòng)態(tài)獲取表單狀態(tài)"formData":{"string":"","select":"a"}//'數(shù)據(jù)'作為屬性值拿到FormRender中使?<FormRenderschema={schema}formData={formData}onChange={setFormData}/>Schema?于描述表單的基本信息、結(jié)構(gòu)和校驗(yàn)，其中type類型則是表單的類型（表現(xiàn)在UI），?持string、number、boolean、array、object、rangedefault是表單的默認(rèn)值uiSchema屬性來控制表單項(xiàng)的UI展?如：'ui:className':'qttitle'//添加標(biāo)題格式'ui:readonly':true//禁?改動(dòng)，只讀'ui:widget':'switch'//開關(guān)形式'ui:disabled':'{{rootValue.optionName===true}}'//隱藏（?些互斥關(guān)系）"schema":{"type":"object","properties":{"string":{"title":"字符串","type":"string","ui:width":"50%"http://此時(shí)表單的寬度為50%}}}列舉皆為簡單控件的實(shí)現(xiàn)，因?作原因互斥關(guān)系等操作不宜展?，因?yàn)樵趯?shí)現(xiàn)過程中因?yàn)?例較少，理解API需要花費(fèi)過長時(shí)間，如若需要可互相交流Letyourselfgraduallyexcellent最近?有需求?到formrender了，不得不說更新很快，?增加了些許Api。表單之間的聯(lián)動(dòng)增加了?個(gè)watc監(jiān)聽constform=useForm();constwatch={//#為全局'#':val=>{console.log('表單的時(shí)時(shí)數(shù)據(jù)為：',val);},input1:val=>{form.setValueByPath('input2',val);