如何在没有状态的反应组件的回调中获得承诺？答案

【问题标题】：How to get a promise in a callback from a react component without state?如何在没有状态的反应组件的回调中获得承诺？
【发布时间】：2020-08-04 07:21:41
【问题描述】：

有没有办法从一个反应组件接收一个承诺，而不使用状态。下面的示例显示了该问题。 prepareActivityStop() 方法应该返回 true，只有在 Workflow Wizard 返回 true 之后。我不能使用任何状态，也不知道该怎么做。

 public async prepareActivityStop(pCancelable: boolean): Promise<boolean> {
       

            //Create React Element
            let tElement = (
                <WorkflowWizard
                    shipmentCluster={clusterResult}
                    finish={this.finish}
                ></WorkflowWizard>
            );

            //Render React Element
            ReactDOM.render(tElement, tContainer.element);
        }

      
        return true;
    }

【问题讨论】：

标签： javascript reactjs asynchronous promise

【解决方案1】：

将回调添加到WorkflowWizard 即onDone 并使用Promise 构造函数：


return new Promise((resolve) => {
    const tElement = (
        <WorkflowWizard
            shipmentCluster={clusterResult}
            finish={this.finish}
            onDone={resolve}
        />
    );

    ReactDOM.render(tElement, tContainer.element);
})

【讨论】：