react-typeahead - 不变违规：addComponentAsRefTo（...）问题答案

【问题标题】：react-typeahead - invariant violation: addComponentAsRefTo(...) issuereact-typeahead - 不变违规：addComponentAsRefTo（...）问题
【发布时间】：2015-07-18 11:38:53
【问题描述】：

节点 v0.12.2

反应 v0.13.2

Npm v2.7.4

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

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

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

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;

【问题讨论】：

标签： node.js reactjs react-jsx

【解决方案1】：

在我看来，您在要求预先输入后缺少分号。

【讨论】：