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



我需要加载页面,并在加载弹出一个模态后立即为用户提供一些信息。我尝试使用标准:

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

但是,这无济于事。我认为由于反应加载和使用虚拟DOM的方式而行不通。(我可能错了)

但是有没有办法在React中的页面加载上启动Bootstrap模式?

在您要安装的组件的生命周期方法中调用模态(例如,componentDidMount(),在已经安装时进行操作)。

我不知道我是否正确理解,但是如果您使用的是ReactJ,那么我认为您应该使用以React方式实现Bootstrap的库,也许React Bootstrap或ReactStrap

导入库并使用图书馆给您的模态组件,只需通过正确的属性以显示模式。

最新更新