在基于React的站点中启动页面加载时启动Bootstrap模式。

Question

我需要加载一个页面，一旦加载弹出一个带有一些用户信息的模态。我使用标准尝试了这个：

$(window).on('load',function(){
    $('#myModal').modal('show');
});

然而，这没有任何作用。我认为它不起作用，因为React加载和使用虚拟DOM的方式。 （我可能错了）

但是有没有办法在React中启动页面加载的引导模式？

Answer 1

在您尝试安装的组件的生命周期方法中调用模态（let commentArray:any[]; array.filter(function(object) { var comment = object.Comments; commentArray.push(comment); }); //Store here and use this. console.log("This is comment array...", commentArray); ，以便在已经安装时执行此操作）。

Answer 2

我不知道我是否理解正确但如果你使用的是Reactjs，那么我认为你应该使用一个以反应方式实现bootstrap的库，可能是React bootstrap或Reactstrap

导入库并使用库提供给你的Modal组件，只需传递正确的属性即可显示模态。