React and Bootstrap Javascript



我使用的是ReactJS,不建议使用JQuery(或香草JS(来操作实际DOM,因为ReactJS使用虚拟DOM可能会产生不可预测的结果。

那么,如果我在我的项目中包含纯Bootstrap,它会产生同样的不利影响吗?如果是这样的话,使用reactstrap或react bootstrap将解决这个问题,或者这些库是否也在后台使用bootstrap javascript?

谢谢,Michel

避免的关键是为使用react创建的对象(或html DOM元素(操作DOM,并由react跟踪状态。除此之外,您可以自由地使用任意多的jquery或vanilla javascript进行DOM操作。这是因为,使用reactjs渲染的对象往往与对象的状态一起工作,如果reactjs记忆的元素状态已被javascript或jQuery更改,则尝试像切换类这样的操作可能会导致冲突。

例如:这意味着你可以使用react来呈现使用引导javascript和jquery的引导选项卡,然后,您可以在react使用jquery渲染选项卡后激活这些选项卡。您必须将反应限制为仅对渲染函数,并避免setState或更新。

必须避免在初始渲染后使用setStaterender,如果使用jquery来切换类,并且稍后尝试进行同样的反应,则会发生冲突。

总之,您可以在同一个项目中同时使用reactjs和JQuery,但对于渲染后操作,每个元素坚持使用一个(纯react或纯JQuery(

是的,它可能会导致与React的冲突,但这在很大程度上取决于你想在Bootstrap中使用什么?如果你只是想使用样式,那么这不会给你带来问题。

如果React期望div在渲染中处于特定状态,那么Bootstrap JS函数(例如显示和隐藏div(例如Accordion((可能会给您带来问题。

但我有一些业余项目,只要不要求每个库重叠,就可以使用React和jQuery。一旦我构建了一个应用程序,我就会尝试从中删除jQuery,并将函数移到React中,目的是完全删除jQuery。

如果你想扩展你的答案,提供一个你正在做什么的例子,那么我很乐意添加到我的答案中。

最新更新