react-typeahead - 不变违规:addComponentAsRefTo(...)问题

时间:2015-05-07 18:22:17

标签: node.js reactjs react-jsx

节点v0.12.2

React v0.13.2

Npm v2.7.4

使用标准预先输入会导致以下错误:

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

这就是我实现预先输出的方式......

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;

1 个答案:

答案 0 :(得分:0)

在我要求提前输入后,你似乎错过了一个分号。