真的有必要使用react-bootstrap提供的组件吗？答案

【问题标题】：Is it really necessary to use the components provided by react-bootstrap?真的有必要使用react-bootstrap提供的组件吗？
【发布时间】：2020-02-09 07:04:39
【问题描述】：

我已经修改了一些使用 react-bootstrap 库的 React 项目，并且我理解编写 html 的正常方法是执行类似于以下的操作：

<Container>
  <Row className="mb-3">
    <Col md={6}>Hello</Col>
    <Col md={6}>There</Col
  </Row>
</Container>

我知道这看起来很漂亮，但对我来说，使用（和 import）所有这些基本上只是输出 <div class="whatever">...</div> 的类似乎很愚蠢，尤其是因为你最终还是会添加 className="mb-3" 之类的东西来使用实用程序类。仅以以下方式使用 react-bootstrap 是否被视为异端？

<div className="container mb-3">
  <div className="row">
    <div className="col">Hello</div>
    <div className="col">There</div>
  </div>
</div>

我知道某些元素，如 Form.Control 提供特殊功能，应该用作组件，但我觉得导入和使用整个组件只是为了在页面上添加一个 <div class="col"> 过于迂腐。

如果这是一个愚蠢的问题，我深表歉意，但我已经用谷歌搜索并没有找到任何答案。

【问题讨论】：

标签： javascript html reactjs ecmascript-6 react-bootstrap

【解决方案1】：

不，除非……

您希望使用模型动态控制网格（列数、排序等）（您可以手动完成，但很糟糕）
您正在使用 JavaScript 功能，因为您没有加载标准的 Bootstrap 库文件，它们将无法工作

大概您正在加载标准的 Bootstrap CSS 文件，所以任何依赖的东西都应该可以正常工作。

【讨论】：