react-antd-mobile

React 移动端组件库

文档地址

1. 使用 demo

import { Button } from "react-antd-mobile"
function Index() {
  return (
    <>
      <Button loading>确定</Button>
      <br></br>
      <Button disabled>disabled</Button>
      <br></br>
      <Button type='warning'>Warning</Button>
      <br></br>
      <Button type='error'>Error</Button>
      <br></br>
      <Button type='success' style={{ fontSize: "30px" }}>
        Success
      </Button>
    </>
  )
}

2. 按需加载

1. react-antd-mobile 支持基于 Tree Shaking 的按需加载，大部分的构建工具（例如 webpack 4+ 和 rollup）都支持 Tree Shaking，所以绝大多数情况下你无需做额外的配置即可拥有较小的包体积。
2. react-antd-mobile 对 css 的处理和 antd，element-plus 等库不一样，所以直接引用组件即可按需引入对于的组件样式。