Antd表单组件获取DOM元素的操作

380 阅读1分钟

代码如下:

import React, { useRef } from 'react'


export default function NewsAdd() {

  const [categoryList,setcategoryList] = useState([])
  const NewsForm = useRef(null)



   
  return (
    <div>
      {/* 页头部分 */}
      <PageHeader
        className="site-page-header"
        title="撰写新闻"
      />

 

      {/* 主体内容部分 */}
      <Form
      ref={NewsForm}
      name="basic"
      labelCol={{
        span: 3.2,
      }}
      wrapperCol={{
        span: 20.8,
      }}
    >
    </Form>  
    </div>
  )
}

使用该DOM元素例如: 触发表单验证api:NewsForm.current.validateFields() 更过API见官方文档API->FormIstance部分