我是React的新手。
我将启动一个使用React的项目。所以我决定寻找一些前端材料设计库来做出反应。我查看了这些库,我发现了材料-ui,但没有我需要的组件(例如:navbar,footer,searchbox)。所以我决定选择MaterialiseCSS。然后我来到here on the StackOverflow帖子。
引用:
你不应该在React中使用jQuery。 React使用虚拟DOM来实现 使UI和jQuery使用普通的浏览器DOM。这意味着如果 你开始使用jQuery来处理状态,React不再处理 状态,事件和UI呈现。 (https://hashnode.com/post/why-is-it-a-bad-idea-to-mix-jquery-and-react-cit77t20z02j5fq536wlyiwtk)。 MaterialiseCSS使用jQuery与他们的许多(如果不是全部)交互 组件。
这是真的吗?如果是这样,我们如何使用像Boostrap和MaterializeCSS这样的库(因为像react-bootstrap这样的替代品, 反应物化尚未成熟)
答案 0 :(得分:1)
我是使用React构建大型应用程序的团队的一员,我们使用vanilla Bootstrap布局和样式。我们构建所有组件并仅使用Bootstrap进行样式和布局。
基本上你可以一起使用JQuery和React,但这样做并不是真的有意义,因为你可以在你的React组件中的vanilla JS中实现JQuery-parts。如果你混合使用React和JQuery,你必须非常了解React生命周期和Virtual DOM以及JQuery。您可能会遇到一些可能难以修复的奇怪错误。
React-Bootstrap基本上是应用Bootstrap样式的组件 而不是将JQuery用于需要后端代码的功能,而是在React-Bootstrap组件中使用javascript。
我在项目的早期评估了React-Bootstrap,并决定构建我们需要的组件100%更容易,并且只使用Bootstrap-css。