react-typeahead – 不变的违规:addComponentAsRefTo(…)问题

节点v0.12.2

React v0.13.2

Npm v2.7.4

使用标准typeaheadinput会导致以下错误:

未捕获错误:不变违例:addComponentAsRefTo(…):只有ReactOwner可以有参考。 这通常意味着你正在尝试向没有所有者的组件添加ref(也就是说,不是在另一个组件的render方法中创build的)。 试着将这个组件放在一个新的顶层组件中,这个组件将会容纳参考。

这就是我如何实现这一点…

Index.jsx有:

 'use strict' var React = require('react'); var ReactTypeahead = require('react-typeahead').Typeahead var QuickSearch = React.createClass({ render: function () { return( <ReactTypeahead options={["spam", "foodbar"]}/> ); } }); var Topbar = React.createClass({ render: function() { return ( <QuickSearch /> ); } }); module.exports = Topbar; 

然后在我的App.jsx中我有:

 'use strict'; var React = require('react'); var Topbar = require('./topbar'); var App = React.createClass({ render: function () { return ( <div> <Topbar /> </div> ); } }); module.exports = App; 

在我看来,你需要键入一个分号后就丢失了分号。