我可以在我的React应用程序中使用bootstrap 4(不是react-bootsrap)吗?

时间:2018-03-16 01:53:11

标签: reactjs twitter-bootstrap-3 bootstrap-4

还是坏主意?我读了一些关于jQuery的内容,并且做出反应并不是一起工作是真的吗?

1 个答案:

答案 0 :(得分:1)

理论上你可以做到。在React渲染中,您可以使用普通的HTML标记(ish .. JSX样式),并通过className属性而不是class指定bootstrap4类。如果您只是使用网格和css助手进行位置,文本对齐,排版,那么除了更多脚手架工作之外,您不会遇到任何重大问题。但是如果你正在使用这些组件,那么你就处于一个很大的劣势,因为你必须自己管理状态,从而重复工作,作为一个简单的例子,分页控制你将编写条件表达式来附加'active'在className上自己,而不是仅使用PaginationItem并让组件管理活动布尔值,但事情变得更加复杂其他组件。此外,您将失去propType验证提供的大量开发帮助。

我建议你在考虑bootstrap,jQuery等之前先退回并完成https://reactjs.org/docs/hello-world.html文档。你将会更好地调用它。如果你点击反应复制和粘贴而不知道基础知识你将无法走远,即使你确实工作,你也会陷入神圣的混乱。你通常不需要jQuery with react,我们唯一一次看到它是你使用jQuery组件然后通过React生命周期方法将事件处理程序连接到组件状态(其中一个开源反应组件没有已经这样做了)。

tl; dr - 确保你理解反应如何起作用(可能是最重要的状态),问题将自行解决。