我应该使用React-Bootstrap而不是Bootstrap

Question

我试图找到任何理由为什么我应该使用react-bootstrap:

<Row componentClass="header" className="panel panel-default">
    someBlocks
</Row>

而不是仅仅在jsx中使用bootstrap:

<header className="row panel panel-default">
    someColBlocks
</header>

有时候使用Bootstrap更容易.也许我只是不知道什么？

Answer 1

常规引导依赖于jquery来使动态元素发生.在反应中,这可能会成为问题,因为您通常希望避免直接改变DOM,而是通过状态/道具的更改来管理所有内容.直接改变DOM的问题是它通常比反应的DOM差异慢,并且更难以追踪错误.React-Bootstrap的优点是您可以利用Bootstrap的预构建组件/网格系统,同时仍然遵循反应中的"最佳实践".