反应回调函数

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);
};

反应回调函数

React Call back Function

javascript

asynchronous

function

callback

reactjs