最近有個功能需要嵌入國外快遞單號查詢功能，冰哥給了我一邊文章，然后我根據文章內容嵌入進我的代碼里面，一次成功，真開心。代碼如下：
1、引入所需js文件
在index.html文件中加入：
<script? type="text/javascript" src="http://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。
