使用 antd-design 类库

安装

bash


pnpm add antd -S

使用

ts

import { Button, Flex } from "antd";
export default function HomePage() {
  return (
    <Flex gap="small" wrap>
      <Button type="primary">Primary Button</Button>
      <Button>Default Button</Button>
      <Button type="dashed">Dashed Button</Button>
      <Button type="text">Text Button</Button>
      <Button type="link">Link Button</Button>
    </Flex>
  );
}

国际化

src 目录下面新建一个app.tsx文件

代码如下

ts

import React from "react";
import { ConfigProvider } from "antd";
import zh_CN from "antd/locale/zh_CN";

export function rootContainer(container: React.ReactNode) {
  return <ConfigProvider locale={zh_CN}>{container}</ConfigProvider>;
}