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

B 端物料组件库

---
title: 物流公司数据源从接口获取
order: 2
---

物流公司数据源从接口获取。

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

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"
          handleOk={() => alert('success')}
          handleClose={() => alert('close')}
          logisticsAppCode="retailforce_oms"
          logisticsApiCode="reverse_query_logistics_company"
        >
          <Button>发货</Button>
        </DeliverGoodsDialog>
    );
  }
}

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