React学习day14--antd：Space间距、Affix固钉

Space间距

设置组件之间的间距，避免组件紧贴在一起，拉开统一的空间。适合行内元素的水平间距，可以设置各种水平对齐方式。

import {
    Button, Space, Upload, Popconfirm } from 'antd';
import {
    UploadOutlined } from '@ant-design/icons';

function SpaceDemo() {
   
  return (
    <Space>
      Space
      <Button type="primary">Button</Button>
      <Upload>
        <Button>
          <UploadOutlined /> Click to Upload
        </Button>
      </Upload>
      <Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
        <Button>Confirm</Button>
      </Popconfirm>
    </Space>
  );
}

ReactDOM.render(<SpaceDemo />, mountNode);

垂直间距：相邻组件垂直间距，可以设置 width: 100% 独占一行。

import {
    Space, Card