【react】封装自定义组件之Button组件

学习react当然必不可少的就是自定义组件啦！

看一下效果图

首先看一下项目结构
（划去部分不需要）

base文件夹

这部分模仿we-ui结构
we-ui源码

源码
index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.js';

ReactDOM.render(
    <App />,
  document.getElementById('root')
);

App.js

import React, {
    Component } from 'react';
import {
    Button } from './button';

class App extends Component {
   
  constructor(props) {
   
    super(props);
    this.state = {
   }
  }


  render() {
   
    return (
      <div>
        <div>
          <h1>Button</h1>
          <h3>type</h3>
          <Button>primary</Button>
          <Button type='danger'>danger</Button>
          <Button type='warning'>warning</Button>
          <Button type='success'>success</Button>
          <Button type='info'>info</Button>