期望以下代码附加无序列表及其子列表 <"li" />
节点到 document.body,使用 <"ul" />
就可以了但没有任何子项并且控制台中出现错误消息:
React.createElement: type should not be null or undefined. It should be a string (for DOM elements) or a ReactClass (for composite components).
(React.js 版本0.13)
var ListView = React.createClass({
render: function() {
var items = this.props.data.map(function(item) {
return ItemDelegate({key:item.id, data:item.id});
}.bind(this));
return (React.createElement('ul', null, items));
}
});
var ItemDelegate = React.createFactory(ListViewChildren);
var ListViewChildren = React.createClass({
render: function(){
return (React.createElement('li', {key: this.props.key, data: this.props.data}));
}
});
var Wrapper = React.createClass({
render: function() {
return (React.createElement(ListView, {data: [/*some data*/]}));
}
});
React.render(React.createElement(Wrapper), document.body);
它是什么类型?必须在哪里声明指定的类型?我猜想这个概念在某个地方完全被误解了,但是在哪里呢?
最佳答案
警告来自
var ItemDelegate = React.createFactory(ListViewChildren);
ListViewChildren
定义如下,因此 React 无法创建工厂。
只需将 var ListViewChildren = ...
移至上方,警告就会消失。
您在 ListView
类中也遇到了一个问题:您的 items
应该是子项而不是 props:
// items as props (2nd arg): won't work, html elements don't have props :)
return (React.createElement('ul', items));
// items as children (3rd arg) should work better
return (React.createElement('ul', null, items));
关于reactjs - 警告 : React. createElement:类型不应为 null 或未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29265086/