|
@@ -2107,6 +2107,7 @@ FormState 存储了所有 Form 内部的状态值,包括各表单控件的值
|
|
|
|
|
|
|
|
| Function | 说明 | example |
|
|
| Function | 说明 | example |
|
|
|
| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |---------------------------------------------------------------------------------------------------------------------|
|
|
| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |---------------------------------------------------------------------------------------------------------------------|
|
|
|
|
|
+| getFormProps | 获取 Form 组件上当前所有props的值,例如可用于读取 disabled 等。v 2.57.0 后提供 | formApi.getProps(propNames?: string[]) |
|
|
|
| getFormState | 获取 FormState | formApi.getFormState() |
|
|
| getFormState | 获取 FormState | formApi.getFormState() |
|
|
|
| submitForm | 可手动触发 submit 提交操作 | formApi.submitForm() |
|
|
| submitForm | 可手动触发 submit 提交操作 | formApi.submitForm() |
|
|
|
| reset | 可手动对 form 进行重置 | formApi.reset(fields?: Array <string\>) |
|
|
| reset | 可手动对 form 进行重置 | formApi.reset(fields?: Array <string\>) |
|
|
@@ -2135,6 +2136,23 @@ FormState 存储了所有 Form 内部的状态值,包括各表单控件的值
|
|
|
import React from 'react';
|
|
import React from 'react';
|
|
|
import { Form, Button } from '@douyinfe/semi-ui';
|
|
import { Form, Button } from '@douyinfe/semi-ui';
|
|
|
|
|
|
|
|
|
|
+() => {
|
|
|
|
|
+ // 函数式组件通过useRef存储formApi
|
|
|
|
|
+ const api = useRef();
|
|
|
|
|
+
|
|
|
|
|
+ return (
|
|
|
|
|
+ <Form getFormApi={formApi => api.current = formApi}>
|
|
|
|
|
+ <Form.Input field='a' />
|
|
|
|
|
+ <Button onClick={()=>{console.log(api);}}>log</Button>
|
|
|
|
|
+ </Form>
|
|
|
|
|
+ );
|
|
|
|
|
+};
|
|
|
|
|
+```
|
|
|
|
|
+
|
|
|
|
|
+```jsx
|
|
|
|
|
+import React from 'react';
|
|
|
|
|
+import { Form, Button } from '@douyinfe/semi-ui';
|
|
|
|
|
+
|
|
|
class FormApiDemo extends React.Component {
|
|
class FormApiDemo extends React.Component {
|
|
|
constructor() {
|
|
constructor() {
|
|
|
super();
|
|
super();
|
|
@@ -2168,22 +2186,6 @@ class FormApiDemo extends React.Component {
|
|
|
}
|
|
}
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
-```jsx
|
|
|
|
|
-import React from 'react';
|
|
|
|
|
-import { Form, Button } from '@douyinfe/semi-ui';
|
|
|
|
|
-
|
|
|
|
|
-() => {
|
|
|
|
|
- // 函数式组件通过useRef存储formApi
|
|
|
|
|
- const api = useRef();
|
|
|
|
|
-
|
|
|
|
|
- return (
|
|
|
|
|
- <Form getFormApi={formApi => api.current = formApi}>
|
|
|
|
|
- <Form.Input field='a' />
|
|
|
|
|
- <Button onClick={()=>{console.log(api);}}>log</Button>
|
|
|
|
|
- </Form>
|
|
|
|
|
- );
|
|
|
|
|
-};
|
|
|
|
|
-```
|
|
|
|
|
|
|
|
|
|
## Field Props
|
|
## Field Props
|
|
|
|
|
|