web前端全系列 教程
1839个小节阅读:2243.9k
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxx
import React from 'react'
import { Switch } from 'antd';
export default function MySwitch() {
const onChange = (checked) => {
console.log(`switch to ${checked}`);
}
return (
<div>
<Switch defaultChecked onChange={onChange} />
</div>
)
}
高性能表单控件,自带数据域管理。包含数据录入、校验以及对应样式
xxxxxxxxxx
import React from 'react'
import { Button, Checkbox, Form, Input } from 'antd';
export default function MyForm() {
const onFinish = (values) => {
console.log('Success:', values);
}
const onFinishFailed = (errorInfo) => {
console.log('Failed:', errorInfo);
}
return (
<div>
<Form
name="user"
labelCol={{ span: 8 }}
wrapperCol={{ span: 16 }}
style={{ maxWidth: 600 }}
initialValues={{ remember: true }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
autoComplete="off"
>
<Form.Item
label="Username"
name="username"
rules={[
{
required: true,
message: 'Please input your username!',
},
]}
>
<Input />
</Form.Item>
<Form.Item
label="Password"
name="password"
rules={[
{
required: true,
message: 'Please input your password!',
},
]}
>
<Input.Password />
</Form.Item>
<Form.Item
name="remember"
valuePropName="checked"
wrapperCol={{
offset: 8,
span: 16,
}}
>
<Checkbox>Remember me</Checkbox>
<Button type="primary" htmlType="submit">Submit</Button>
</Form.Item>
</Form>
</div >
)
}