reactjs – 警告：React.createElement：type不应为null或未定义

发布时间：2020-12-15 06:28:59 所属栏目：百科来源：网络整理

导读：期望下面的代码附加无序列表及其子节点到document.body，可以使用“ul”/但没有任何孩子，并在控制台中显示错误消息： React.createElement: type should not be null or undefined. It should be a string (for DOM elements) or a ReactClass (for compos

期望下面的代码附加无序列表及其子节点到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 ver.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 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',items));

完整代码：http://jsfiddle.net/Lmb7t9pv/2/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!