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

class Counter extends Component{

    render(){
        console.log('render');
        return(
            <div>
                <Button type="primary">Primary</Button>
                <Button>Default</Button>
                <Button type="dashed">Dashed</Button>
                <Button type="link">Link</Button>
            </div>
        )
    }
}

export default Counter;

import React,1)">;
import { List,Avatar } from 'antd';

const data = [
    {
      title: 'Ant Design Title 1',},{
      title: 'Ant Design Title 2''Ant Design Title 4'(
            <List
                itemLayout="horizontal"
                dataSource={data}
                renderItem={item => (
                <List.Item>
                    <List.Item.Meta
                    avatar={<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />}
                    title={<a href="https://ant.design">{item.title}</a>}
                    description="Ant Design,a design language for background applications,is refined by Ant UED Team"
                    />
                </List.Item>
                )}
            />
default Counter;