|
|
使用antd组件完成注册页面并垂直水平居中于页面
103浏览 · 2024-02-09 13:09:16
好的，这里是一个使用Ant Design组件库搭建的一个垂直水平居中的注册页面的[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)示例：
```jsx
import { [form](https://geek.csdn.net/educolumn/4831c0dd766cc3698571fa18617a356f?spm=1055.2569.3001.10083), Input, Button } from 'antd';
import { Row, Col } from 'antd';
import './index.css';
const Registr[ati](https://geek.csdn.net/educolumn/150d7073277950db5f09620704e791cf?spm=1055.2569.3001.10083)onForm = () => {
const onFinish = (values) => {
console.log('Received values of form: ', values);
const onFinishFailed = (errorInfo) => {
console.log('Failed:', errorInfo);
return (
<Row justify="center" align="middle" className="registr[ati](https://geek.csdn.net/educolumn/150d7073277950db5f09620704e791cf?spm=1055.2569.3001.10083)on-form-wrap[per](https://geek.csdn.net/educolumn/2c6ed1be7edac16b3c9a0c3228eaff0c?spm=1055.2569.3001.10083)">
<Col span={8}>
name="basic"
initialValues={{ remember: true }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
<Form.Item
label="Username"