使用 bootstrap 反应组件与 bootstrap class 名称之间有区别吗？

Question

在 react-bootstrap 指南中，示例使用 bootstrap 个组件，如下所示：

<Container>
  <Row>
    <Col>1 of 1</Col>
  </Row>
</Container>

上面和下面的对比有什么区别吗:

<div className="container">
  <div className="row">
    <div className="col">1 of 1</div>
  </div>
</div>

Answer 1

如果允许，您可以将 props 传递给 React 组件。如果没有道具，他们基本上做同样的事情。 React 组件被翻译成 html 标签，最后是类名

例如，semantic-ui-react 有漂亮的文档，你可以看到它被翻译成什么。 Have a look

Answer 2

是的，一个正在使用 react-bootstrap 组件...

<Container>
  <Row>
    <Col>1 of 1</Col>
  </Row>
</Container>

虽然这仅使用 Bootstrap CSS 类（假设 bootstrap.css 已包含在 React 应用程序中）...

<div className="container">
  <div className="row">
    <div className="col">1 of 1</div>
  </div>
</div>

它们在功能上是相同的，并且在浏览器中呈现相同的 HTML 标记。

Is there a difference between using bootstrap react components vs bootstrap class names?