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

Question

我修改了一些利用 react-bootstrap 库的 React 项目，我知道编写 html 的正常方法是执行类似于以下的操作:

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

我知道这看起来很漂亮，但对我来说，使用(和导入)所有这些基本上只输出 <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"> 太迂腐了。在页面上。

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

Answer 1

不，除非……

• 您想使用您的模型动态控制网格(列数、排序等)(您可以手动完成，但讨厌)
• 您正在使用 JavaScript 功能，因为您没有加载标准的 Bootstrap 库文件，它们将无法工作

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