@aliretail/react-materials-components/demo/DeliverGoodsDialog/usage.md

B 端物料组件库

---
title: 发货业务组件基础使用
order: 1
---

发货业务组件基础使用。

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Button, ConfigProvider } from '@alifd/next';
import { DeliverGoodsDialog } from '@aliretail/react-materials-components';

// setup();

const LIST = [
  {
    code: 1,
    name: '顺丰',
    id: 1
  },
  {
    code: '2',
    name: '菜鸟',
    id: '2'
  },
  {
    code: '3',
    name: '圆通',
  }
]

class App extends Component {
  render() {
    return (
      <DeliverGoodsDialog
          appCode="retailforce_oms"
          apiCode="reverse_send_goods"
          params={{a:'1', b: 2}}
          labelText="发货单号"
          valueText="12345678"
          title="这是发货业务组件dialog"
          handleOk={() => alert('success')}
          handleClose={() => alert('close')}
          logisticsCompanyDataSource={LIST}>
          <Button>发货</Button>
        </DeliverGoodsDialog>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);
```