0

我想将 React-bootstrap 与我当前的 Rails 项目集成。我是 ReactJS 的新手，所以我认为使用 react-bootstrap 库会让事情变得更容易一些。但是，我发现配置非常困难。据说有一个 gem，但是一旦遵循 README 上的说明，它就会引发“权限被拒绝”的错误。我尝试了从 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"));

非常欢迎提示和建议！

4

3 回答 3

1

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

希望这可以帮助！

于 2015-08-01T01:55:13.660 回答
0

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

还有一点要记住的是，facebook 承认这正在开发中。

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

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

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/<react-version>/react.js"></script>
<script src="path/to/react-bootstrap-bower/react-bootstrap.min.js"></script>
<script>
  var Alert = ReactBootstrap.Alert;
</script>
于 2015-06-18T21:54:01.600 回答
0

使用上述gem，包括

//= require react_bootstrap

在 application.js 中，我能够获得以下代码以无错误地呈现。

var button = ReactBootstrap.Button;

ReactDOM.render(<button 
    bsStyle="success"
    bsSize="large"
    children="Register"/>,
  document.getElementById("content"));
于 2016-04-14T21:12:56.457 回答