使用Antd-mobile组件库

蚂蚁金服出品的UI组件库
https://mobile.ant.design/docs/react/introduce-cn

安装
npm install antd-mobile --save
npm install babel-plugin-import --save-dev
修改package.json文件,在babel下添加一段代码

  "babel": {
    "presets": [
      "react-app"
    ],
    //需要添加的
    "plugins":[
      [
        "import",
        {
          "libraryName":"antd-mobile",
          "style":"css"
        }
      ]
    ]
    //
  }

使用组件

import React, {Component} from 'react';
import {
    Button
} from 'antd-mobile';

export default class App extends Component {
    Console() {
        console.log(`按钮被点击了！`);
    }
    render() {
        return (
            <Button type='primary' onClick={() => this.Console()}>点击</Button>
        )
    }
}

运行结果