使用Rails 4.2配置react-bootstrap

我想将React-bootstrap与我当前的Rails项目集成。 我是ReactJS的新手，所以我认为使用react-bootstrap lib会让事情变得更容易。 但是，我发现配置非常困难。 假设有一个gem，但是一旦遵循README上的说明，它就会抛出“Permission denied”错误。 我尝试从react-bootstrap网站剪切，它没有react-bootstrap语法。 但是，我尝试使用Bower，npm，rails-assets gem等的所有解决方案都不会使react-bootstrap语法呈现。 这是我的Button.js.jsx文件，它不会呈现给我的主页：

var button = ReactBootstrap.Button({ bsStyle: "success", bsSize: "large", children: "Register" }); React.render(button, document.getElementById("content")); 

非常欢迎提示和建议！

Answer 1

今天我有一个类似的问题，即将react-bootstrap软件包集成到我的RoR应用程序中，所以我找到了这个gem： https ： //github.com/mariopeixoto/react-bootstrap-rails ，它基本上把所有反应引导程序组件放在你手中只是访问一个全局变量ReactBootstrap。

希望这可以帮助！

Answer 2

我假设您的HTML文件中包含bootstrap.min.css。

要记住的其他事情是facebook承认这个正在开发中。

该项目正在积极开发中，API将发生变化。 查看1.0.0路线图和贡献指南，了解您可以提供哪些帮助。 在1.0.0版本之前，重大更改应该会导致Minor版本出现问题。

确保您遵循这些步骤（ http://react-bootstrap.github.io/getting-started.html ），但是您要包含这些文件

我个人选择这种方式，它为我创造了很好的元素。

Answer 3

使用上述gem ，包括

 //= require react_bootstrap 

在application.js中，我能够获得以下代码来呈现而不会出错。

 var button = ReactBootstrap.Button; ReactDOM.render(, document.getElementById("content"));