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组件是？

1 个答案: