组合meteor + react + react-bootstrap所需的包

时间:2015-10-09 21:23:18

标签: meteor reactjs react-jsx react-bootstrap meteor-react

我单独使用以下包并组合

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

当我使用react包时,bootstrap无效。

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

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

  

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

有人可以为流星建议反应 react-bootstrap 的套餐吗?

我的代码

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>
        )
    }
});

1 个答案:

答案 0 :(得分: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,因为它需要React 0.14,Meteor还没有升级到。 (见Meteor issue #116