引导组件不适用于反应应用程序答案

【问题标题】：Bootstrap component not working with react app引导组件不适用于反应应用程序
【发布时间】：2021-09-07 16:27:12
【问题描述】：

我创建了一个 React 应用程序，并从 bootstrap 组件 复制了 navbar。我还在 index.html 文件中添加了 cdn 文件。也将更改的类更改为类名，但运行时我收到错误，编译失败，光标位于data-toggle="colapse"。删除此行后，它会移至下一行。但它不工作。 .

【问题讨论】：

button className = "xxx" 应该是什么？ data - bs - toggle = "xxx" 应该是什么？目前尚不清楚您要尝试做什么。至少 JavaScript 应该是有效的。另外需要post your code instead of linking to pictures of text.

标签： reactjs react-native visual-studio-code bootstrap-5

【解决方案1】：

在 react 中使用 bootstrap 并不简单，使用 React-bootstrap 更容易。

https://react-bootstrap.github.io/

然后您只需下载 npm 包并导入所需的按钮和其他选项。

如果你想这样做，那么你需要使用<button className="bootstrapclass">hello</button>

或具体

<button className="btn btn-secondary">hello</button>

除此之外，没有办法使用引导程序。

建议您分享您的代码，以便人们可以看到错误所在。

【讨论】：

我的脚本不工作我的 index.html 中也有这个评论，你能帮我在使用 vs 代码做出反应
据我所知，这是当您在 chrome 中单击按钮以禁用 javascript 时反应的自动响应。在 chrome devtools 中，(f12)

【解决方案2】：

错误是因为在体外附加了 cdn。我通过将 CSS 和 JS 的 cdn 放在结束 body 标记之前解决了这个问题。

【讨论】：