javascript - antdesign底層彈出個confirmModal。怎么獲取底層的this?
問題描述
showConfirm() {//彈出確認對話框confirm({ title: ’當前總計應收金額為’+this.state.allReceivablePrice+’元’,//這里能得到值!!!! // content: ’some descriptions’, okText: ’確認回款’, cancelText: ’取消’, onOk() {const {allSelectOrder}=this.state;if (allSelectOrder.length==0){ message.error(’訂單Id不能為空’); return;}else { this.setState({loading: true}); $.ajax({url: API.flow,type: ’post’,dataType: ’json’,data: JSON.stringify(allSelectOrder),contentType: ’application/json;charset=UTF-8’,success: ()=> { this.setState({loading: false, }); message.success(’添加收款記錄成功!’); this.refreshData();},error: (data)=> { Modal.error({title: data.responseJSON.msg }); this.setState({ loading: false });} })} }, onCancel() { },}); },
這個this我怎么獲取不到呢,都加了bind了報錯:
PaymentCollection.jsx:329 Uncaught TypeError: Cannot read property ’state’ of undefined
問題解答
回答1:你ajax的success和error都沒有bind。注意看報錯信息的位置。
showConfirm() {//彈出確認對話框 confirm({title: ’當前總計應收金額為’+this.state.allReceivablePrice+’元’,//這里能得到值!!!!// content: ’some descriptions’,okText: ’確認回款’,cancelText: ’取消’,onOk: () => { const {allSelectOrder}=this.state; if (allSelectOrder.length==0){message.error(’訂單Id不能為空’);return; }else {this.setState({loading: true});$.ajax({ url: API.flow, type: ’post’, dataType: ’json’, data: JSON.stringify(allSelectOrder), contentType: ’application/json;charset=UTF-8’, success: ()=> {this.setState({ loading: false,});message.success(’添加收款記錄成功!’);this.refreshData(); }, error: (data)=> {Modal.error({ title: data.responseJSON.msg});this.setState({ loading: false }); }}) }},onCancel() {}, });},
準確來說是onOk函數(shù)的this環(huán)境已經丟失了。;
回答2:謝邀。
-----分割線----
在showConfirm外面定義個一個_this,然后用_this替換this即可。
或者你在外面let bindsuc = function(data){}.bind(this);//然后里面...success:bindsuc,//error同理...
相關文章:
1. html - 移動端radio無法選中2. javascript - 關于ajax上傳多圖問題。3. css - 如何使用 vue transition 實現(xiàn) ios 按鈕一樣的平滑切換效果4. sass - sublime3 里面的scss文件怎么不提示css3的代碼呀5. 正則表達式 - python pandas的sep參數(shù)問題6. css - 關于ul的布局7. javascript - 在靜態(tài)頁面上用load 引入的頁面文件問題?8. css - 移動端 line-height安卓錯位,蘋果機正常用,縮放解決了,可是又出來了占位的問題9. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.10. javascript - es6模塊加載export的輸出值有點沒太搞明白
