使用 create react app commad 反应应用程序。我如何包含引导程序？

Posted 2023-02-16

【中文标题】使用 create react app commad 反应应用程序。我如何包含引导程序？

【英文标题】：React app with the create react app commad. How do i include bootstrap?

【发布时间】：2017-06-15 14:18:42

【问题描述】：

所以我使用来自cmd 的create-react-app folder-name 创建了一个反应应用程序 那么如何添加引导程序和其他库以在 npm start 上启动，即当我启动应用程序时。我是使用 bower install 还是使用 npm install 安装它们。我对此很陌生，我什至不知道框架中的所有 scdripts 是如何使用 idnex.html 启动的。我知道这个问题可能有点迟钝，但我不知道如何正确地问它。

【问题讨论】：

你应该有一个 package.json 列出你安装的所有包。之后，您只需将它们导入到您的 .js 文件中。

【参考方案1】：

您可以使用 npm 和 ES6 Import 添加任何您想要的库 只需在App.js 中导入您想要的任何内容。 这是guide 向您的项目添加引导程序的分步说明。

【讨论】：

npm install react-bootstrap --save 这不是整个反应框架吗？因为我已经安装了它创建反应应用程序。还有 1 个问题“在 src/index.js 文件的开头导入 Bootstrap CSS 和可选的 Bootstrap 主题 CSS：”我是否只需要在 index.js 文件中导入这个？

是的，如果你需要一些全局的东西，比如你的情况下的 bootsrap css，你可以在index.js 中导入一次。但是，如果你需要导入一些 js 库，例如 jQuery，你应该在任何需要它的组件中导入它。

好的，所以在我创建反应应用程序之后执行 npm install react-bootstrap --save 有点毫无意义？基本上我能添加的只是引导 css？

这取决于你为什么需要Bootstrap。如果您只需要其中的 css，那么您可以只导入 bootstrap.css 文件，然后您可以使用所有 bootstarp 类、网格等。但是如果您想要引导元素（如手风琴或模态窗口或下拉菜单等）的 js 行为。 . 你应该包括react-bootstrap - 它是引导框架的一个功能部分，但被编写为反应组件 - 你可以在这里查看代码示例react-bootstrap.github.io/components.html