0

ページの最初に次のスクリプトを含めました...

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://fb.me/react-0.13.2.js"></script>
<script src="~/Scripts/react-bootstrap.min.js"></script>

ユーザーがボタンを押したときに Bootstrap から Modal を表示したい。したがって、次のコンポーネントが定義されています...

var AddDatabase = React.createClass({
  render: function() {
    return (
      <ModalTrigger model={<AddDatabaseModel />}>
        <button type="button" className="btn btn-primary">Add</button>
      </ModalTrigger>
    );
  }
});

実行時に死ぬ...

0x800a1391 - JavaScript runtime error: 'ModalTrigger' is undefined

しかし、ページの前半で react-bootstrap,in.js を含めており、そこからのコンポーネントの他の使用法は機能しています。

何か案は？

4

1 に答える 1

1

縮小されたスクリプトをページに直接追加すると、ReactBootstrapグローバルが追加されます。コンポーネントにアクセスするには、その名前空間を使用する必要があります。

var AddDatabase = React.createClass({
  render: function() {
    return (
      <ReactBootstrap.ModalTrigger model={<AddDatabaseModel />}>
        <button type="button" className="btn btn-primary">Add</button>
      </ReactBootstrap.ModalTrigger>
    );
  }
});
于 2015-04-30T20:31:36.293 に答える