import './index.less';

import { Button } from 'antd';
import _ from 'lodash';
import React, { useState } from 'react';

import avatar from './asset/avatar.png';
import Logo from './asset/logo.svg';

let a = _.chunk(['a', 'b', 'c', 'd'], 2);
console.log(a);

const MA: React.FC<any> = () => {
    // 声明一个新的叫做 “count” 的 state 变量
    const [count, setCount] = useState(1);

    return (
        <div>
            <img src={avatar} alt="" />
            <img src={Logo} width={200} alt="logo" />
            <p>You clicked {count} times</p>
            <button onClick={() => setCount(count + 1)}>
                Click me
            </button>
            <Button type="primary" onClick={() => setCount(count + 1)}>Click me</Button>
        </div>
    );
}

export default MA;