0

我单独使用以下软件包并组合使用

$ meteor add react
$ meteor add firfi:meteor-react-bootstrap

当我使用该react软件包时,引导程序不起作用。

如果我使用firfi:meteor-react-bootstrap,则反应包不起作用。

当我使用这两个包时出现错误

未捕获的错误:不变违规:addComponentAsRefTo(...):只有 ReactOwner 可以拥有 refs。这通常意味着您正在尝试将 ref 添加到没有所有者的组件(即不是在另一个组件的render方法中创建的)。尝试在一个新的顶级组件中渲染这个组件,该组件将保存 ref。

任何人都可以建议一个包reactreact-bootstrap for meteor吗?

我的代码

var { Modal,Button,Input} = ReactBootstrap;
if (Meteor.isClient){    
   Meteor.startup(function () {        
   console.log("METEOR STARTUP");
   React.render(<MyModal/>, document.getElementById('modal-container'));
});
}


var MyModal = React.createClass({
    render: function() {
    return (
        <div className="modal-open">
            <Modal
                title='Modeltest'
                backdrop={true}
                animation={false}
                closeButton={true}
                onRequestHide={() => {}}>    
                <div className='modal-body'>
                    <p>Check the Modal body</p>
                </div>
            </Modal>
        </div>
        )
    }
});
4

1 回答 1

0

我尝试了一些替代方案,今天最适合我的设置是:

react                     0.1.13  Everything you need to use React with Meteor.
twbs:bootstrap            3.3.5  The most popular front-end framework for developing responsive, mobile first projects on the web.
universe:react-bootstrap  0.24.0  ReactBootstrap project wrapped for Meteor with Universe:modules

0.24 版今天有点旧,但无论如何你都不能使用最新的 React-Bootstrap,因为它需要 Meteor 尚未升级到的 React 0.14。(参见 Meteor问题 #116

于 2015-10-24T15:58:34.143 回答