antd-国外快递单号查询

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

1、引入所需js文件

在index.html文件中加入:


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代码

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

   

           

             {getFieldDecorator('name', {

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

           })(

                 

           )}

     


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

你可能感兴趣的:(antd-国外快递单号查询)