antd-国外快递单号查询

最近有个功能需要嵌入国外快递单号查询功能，冰哥给了我一边文章，然后我根据文章内容嵌入进我的代码里面，一次成功，真开心。代码如下：

1、引入所需js文件

在index.html文件中加入：

<script  type="text/javascript" src="//www.17track.net/externalcall.js"></script>

2、嵌入代码:

const handleSubmit=(e)=>{

       e.preventDefault();

      validateFields((err,values)=>{

            const num=values['name'];//要查询的快递单号

           YQV5.trackSingle({

         //必须，指定承载内容的容器ID。

         YQ_ContainerId:"YQContainer",

          //可选，指定查询结果高度，最大高度为800px，默认撑满容器。

         YQ_Height:400,

         //可选，指定运输商，默认为自动识别。

        YQ_Fc:"0",

       //可选，指定UI语言，默认根据浏览器自动识别。

       YQ_Lang:"en",

      //必须，指定要查询的单号。

      YQ_Num:num

     })

 });

}

2、html代码

<Modal title="添加订单" visible={addOrderModalVisible} onOk={handleSubmit}

onCancel={onCancel} okText="确认" cancelText="取消">

    <Form onSubmit={handleSubmit}>

            <FormItem {...formItemLayout} label={itemList.name} hasFeedback key={index}

             {getFieldDecorator('name', {

                     rules:[{required:required,message:'属性值不能为空',}],

           })(

                 <Input />

           )}

      </FormItem>

</Form>

<div id="YQContainer"></div>

</Modal>

参考文章：https://extcall.17track.net/zh-cn/single。