Node v0.12.2
react v0.13.2
Npm v2.7.4
使用标准预输入输入会导致以下错误:
未捕获错误:不变违规:addComponentAsRefTo(...):只有 ReactOwner 可以拥有引用。这通常意味着您尝试向没有所有者的组件添加引用(即,不是在另一个组件的 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;
最佳答案
在我看来,您在需要预先输入后缺少一个分号。
关于node.js - React-typeahead - 不变违规 : addComponentAsRefTo(. ..) 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30108848/