React回调函数

Question

我在一个调用savePDFNOW函数的组件中有一个句柄保存函数。我从另一个名为reactToPdfUtils的文件中导入这个函数。函数完成后(在本例中是pdf)，我想将word发送回组件并更改状态并呈现成功消息。

我一直在做一些研究，并试图摸索创建一个回调函数，但似乎不能得到正确的，或者知道这是否正是我在这里需要的。

//passportMaker.jsx
var reactToPdfUtils = require('../reactToPdfUtils/reactToPdf.js');

handleSave = (sourceElement, willSaveToDB, pageTemplate) => {
console.log('handleSave called in passportMaker!');
reactToPdfUtils.savePDFNOW(sourceElement, willSaveToDB, pageTemplate)
};






//reactToPdf.js
export const savePDFNOW = (sourceElement, willSaveToDB, pageTemplate) => {
//do all the stuff to make your pdf perfect
//send word back to passportMaker that it is done
};

Answer 1

你可以尝试这样的回调:-

var reactToPdfUtils = require('../reactToPdfUtils/reactToPdf.js');

handleSave = (sourceElement, willSaveToDB, pageTemplate) => {
console.log('handleSave called in passportMaker!');
reactToPdfUtils.savePDFNOW(sourceElement, willSaveToDB, pageTemplate,fn)
};
fn=(sendDataContent)=>{
// do your stuff with data 
}

//reactToPdf.js
export const savePDFNOW = (sourceElement, willSaveToDB, pageTemplate,callBackfn) => {
//do all the stuff to make your pdf perfect
//send word back to passportMaker that it is done
callBackfn(sendDataContent);
};