最近有個(gè)功能需要嵌入國外快遞單號查詢功能晌涕，冰哥給了我一邊文章，然后我根據(jù)文章內(nèi)容嵌入進(jìn)我的代碼里面撞鹉，一次成功疟丙，真開心颖侄。代碼如下：
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({
? ? ? ? ?//必須览祖，指定承載內(nèi)容的容器ID。
? ? ? ? ?YQ_ContainerId:"YQContainer",
? ? ? ? ? //可選炊琉，指定查詢結(jié)果高度展蒂，最大高度為800px，默認(rèn)撐滿容器苔咪。
? ? ? ? ?YQ_Height:400,
? ? ? ? ?//可選锰悼，指定運(yùn)輸商，默認(rèn)為自動(dòng)識別团赏。
? ? ? ? YQ_Fc:"0",
? ? ? ?//可選箕般，指定UI語言，默認(rèn)根據(jù)瀏覽器自動(dòng)識別舔清。
? ? ? ?YQ_Lang:"en",
? ? ? //必須丝里，指定要查詢的單號。
? ? ? 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丙者。
