0

React-bootstrap を現在の Rails プロジェクトに統合したいと考えています。私は ReactJS を初めて使用するので、react-bootstrap ライブラリを使用すると少し簡単になると思いました。ただ、構成はかなり難しいと思います。これには gem があると思われますが、README の指示に従うと、「許可が拒否されました」というエラーがスローされます。react-bootstrap 構文がなくても機能する、react-bootstrap Web サイトから切り取ったものを試しました。ただし、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 アプリケーションに統合するという同様の問題が発生したので、この宝石を見つけました:グローバル変数 ReactBootstrap にアクセスするだけです。

お役に立てれば！

于 2015-08-01T01:55:13.660 に答える
0

HTML ファイルに bootstrap.min.css が含まれていると仮定しています。

心に留めておくべきもう1つのことは、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 に答える