docs(antd/checkbox): add an example of the checkbox change event (#17)

Co-authored-by: feixiang.zhang <[email protected]>
formilyjs · Nov 9, 2023 · 8246938 · 8246938
1 parent 9f6fe64
commit 8246938
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/docs/demos/checkbox/Schema.tsx b/docs/demos/checkbox/Schema.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Checkbox, FormItem, FormButtonGroup, Submit } from '@formily/antd-v5'
 import { createForm } from '@formily/core'
 import { FormProvider, createSchemaField } from '@formily/react'
+import type { CheckboxChangeEvent } from 'antd/es/checkbox'
 
 const SchemaField = createSchemaField({
   components: {
@@ -20,6 +21,11 @@ const schema = {
       title: 'Are you sure',
       'x-decorator': 'FormItem',
       'x-component': 'Checkbox',
+      'x-component-props': {
+        onInput(e: CheckboxChangeEvent) {
+          console.log(`checked = ${e.target.checked}`)
+        },
+      },
     },
     multiple: {
       type: 'array',

diff --git a/docs/demos/checkbox/Schema.zh-CN.tsx b/docs/demos/checkbox/Schema.zh-CN.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Checkbox, FormItem, FormButtonGroup, Submit } from '@formily/antd-v5'
 import { createForm } from '@formily/core'
 import { FormProvider, createSchemaField } from '@formily/react'
+import type { CheckboxChangeEvent } from 'antd/es/checkbox'
 
 const SchemaField = createSchemaField({
   components: {
@@ -20,6 +21,11 @@ const schema = {
       title: '是否确认',
       'x-decorator': 'FormItem',
       'x-component': 'Checkbox',
+      'x-component-props': {
+        onInput(e: CheckboxChangeEvent) {
+          console.log(`checked = ${e.target.checked}`)
+        },
+      },
     },
     multiple: {
       type: 'array',