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 显示一个模态。所以我定义了以下组件...

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 回答