---
title: Result 结果 (done)
order: 34
group:
  path: /components
nav:
  title: 组件
  path: /components
---

## 使用

### 使用原则

### 基本使用

```jsx
import React from 'react';
import { Result, Row, Col, Button } from 'quanta-design';

export default () => (
  <div>
    <Row gutter={12}>
      <Col span={12}>
        <Result
          status="success"
          title="成功结果"
          subTitle="具体描述文案具体描述文案具体描述文案具体"
          extra={[
            <Button type="primary" key="console">
              确认
            </Button>,
            <Button key="buy">取消</Button>,
          ]}
        />
      </Col>
      <Col span={12}>
        <Result
          status="error"
          title="失败结果"
          subTitle="具体描述文案具体描述文案具体描述文案具体"
          extra={[
            <Button type="primary" key="console">
              确认
            </Button>,
            <Button key="buy">取消</Button>,
          ]}
        />
      </Col>
    </Row>
    <Row gutter={12}>
      <Col span={12}>
        <Result
          title="处理中"
          subTitle="具体描述文案具体描述文案具体描述文案具体"
          extra={[
            <Button type="primary" key="console">
              确认
            </Button>,
            <Button key="buy">取消</Button>,
          ]}
        />
      </Col>
      <Col span={12}>
        <Result
          status="warning"
          title="处理异常"
          subTitle="具体描述文案具体描述文案具体描述文案具体"
          extra={[
            <Button type="primary" key="console">
              确认
            </Button>,
            <Button key="buy">取消</Button>,
          ]}
        />
      </Col>
    </Row>
  </div>
);
```