cyc-form v1.6.7
import React, {useEffect, useState} from 'react'; import { Button } from 'antd'; import FormIndex from './FormIndex'; import { recursionGetItem, handleFormSubData } from './utils' const data = {} const isDisable = false // 是否全部禁用 export default function App() { const rightSubmit, setRightSubmit = useState('') //拿到按钮的文字 const formRef, setFormRef = useState('') //from 实例 const onClick = () => { if (formRef) { formRef.current .validateFields() .then((values) => { if (values) { let keys = Object.keys(values) let result = [] for (let item of keys) { recursionGetItem( JSON.parse( data.definition ).pages.find( (it) => it.isHome ).designContent, item, result ) } let formSubData = handleFormSubData( keys, result, values ) console.log(formSubData) } else { console.log('验证未通过,获取失败?' ) return } }) } } return <> <FormIndex data={data} setFormRef={setFormRef} setRightSubmit={setRightSubmit} isDisable={isDisable}
></FormIndex>
<div> <Button onClick={onClick}>{rightSubmit}</Button> </div>
</>
}