最近有個(gè)功能需要嵌入國(guó)外快遞單號(hào)查詢功能，冰哥給了我一邊文章，然后我根據(jù)文章內(nèi)容嵌入進(jìn)我的代碼里面，一次成功，真開(kāi)心。代碼如下：
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'];//要查詢的快遞單號(hào)
? ? ? ? ? ?YQV5.trackSingle({
? ? ? ? ?//必須，指定承載內(nèi)容的容器ID。
? ? ? ? ?YQ_ContainerId:"YQContainer",
? ? ? ? ? //可選，指定查詢結(jié)果高度，最大高度為800px，默認(rèn)撐滿容器。
? ? ? ? ?YQ_Height:400,
? ? ? ? ?//可選，指定運(yùn)輸商，默認(rèn)為自動(dòng)識(shí)別。
? ? ? ? YQ_Fc:"0",
? ? ? ?//可選，指定UI語(yǔ)言，默認(rèn)根據(jù)瀏覽器自動(dòng)識(shí)別。
? ? ? ?YQ_Lang:"en",
? ? ? //必須，指定要查詢的單號(hào)。
? ? ? YQ_Num:num
? ? ?})
?});
}
2、html代碼
<Modal title="添加訂單" visible={addOrderModalVisible} onOk={handleSubmit}
onCancel={onCancel} okText="確認(rèn)" 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。
