Javascript 将html引导转换为react.js jsx样式后更改css样式

我有一个简单的结构化项目：html（带引导）css和js文件。

---

我已经创建了React.js项目（通过npm中的createreact应用程序）。我已经安装了Bootstrap、JQuery等。问题是，当我将html文件翻译成jsx时，React似乎忽略了样式（我在React中正常应用了这些样式）。它忽略了网格。我有3行，其中一行的左侧有一个元素，两行的每行有3个元素（col-sm-4 col-md-4 col-lg4）。在我以前的项目（纯html、css、js）中，它工作得很好，但在这个React项目中，它的行为就像。。。它将是移动版本（每行中一个元素低于另一个元素）。同时，使用开发工具，我发现这些行和列仍然存在于浏览器代码中，但样式为空。。。你能告诉我发生了什么事吗？我应该在哪里搜索此问题的原因？

如果您只是使用standard React，您将希望在

public/index.html内的
标记中包含以下内容：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

使用引导类设置样式：

<button className="btn btn-primary">Click me!<button>

点击我！

有用链接：


我爱你，伙计！我忘了在src/index.js中包含对导入的依赖项。非常感谢！
<button className="btn btn-primary">Click me!<button>