回应模态响应的良好实践

时间:2019-01-13 23:28:11

标签: reactjs

我想要一些有关良好做法的建议,以“等待”用户(无论是否满意),以响应用户的反馈。

如果我的ID是2,我必须打开模式以让用户选择一侧(右侧或左侧)。我发现在响应之前不修改组件的唯一方法是将所需的信息(图像和统计信息)保持在“ waitingX”状态。

一旦模态被关闭并且我得到了答案,我就可以给我的状态一个好的id(由模态修改),并从状态中获取其他参数。

handleChildClick(src, id, stats) {
    if(id === 2) {
        this.setState({modaling: true, waitingImage: src, waitingStats: stats});
    }else{
        this.setState({clickedItem: src, clickedId: id, clickedStats: stats});
    }
}


handleModalResult(choice){
    this.setState({modaling: false, clickedId: choice, 
clickedStats: this.state.waitingStats, clickedItem: this.state.waitingImage});
    }

我很确定这不是一个好方法,但是对如何处理它没有任何想法。

如何以适当的方式实现这一目标?

感谢您的帮助!

0 个答案:

没有答案