反应回调函数答案

【问题标题】：React Call back Function反应回调函数
【发布时间】：2021-06-03 11:39:49
【问题描述】：

我在一个组件中有一个句柄保存函数，它调用一个名为 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
};

【问题讨论】：

这是一个利用Promise的好机会

标签： javascript reactjs function asynchronous callback

【解决方案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);
};

【讨论】：