未找到 ModalTrigger 但 Modal 组件是？

Question

我在页面的开头包含了以下脚本...

<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 并且它的组件的其他用途正在工作。

有什么想法吗？

Answer 1

将缩小的脚本直接添加到页面将添加 ReactBootstrap 全局。要访问任何组件，您需要使用该命名空间。

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

未找到 ModalTrigger 但 Modal 组件是？

ModalTrigger not found but the Modal component is?

asp.net

twitter-bootstrap

reactjs

react-bootstrap