React.createElement:type不应为null,undefined,boolean或number。它应该是一个字符串(对于DOM元素)或ReactClass

时间:2016-10-24 19:18:45

标签: javascript reactjs

一开始我会说我知道有类似的问题,但遗憾的是我找不到任何答案..因为大多数主题都是getInitialState问题 我在努力尝试从数组中获取数据到id,name and surname. 似乎它几乎可以在它不会渲染它的错误部分旁边工作 我在控制台中获得的错误描述:

React.createElement: type should not be null, undefined, boolean, or number. 
It should be a string (for DOM elements) or a ReactClass (for composite components). 
Check the render method of `Reapeter`.

是否与指定像.toString()有关?或者其他的东西。我不知道说实话,我是新手。

var Reapeter = React.createClass({
render: function(){
    var foreach = this.props.data.map(function(HeaderMiniComment){
        return(
            <HeaderMiniComment name={HeaderMiniComment.name} surname={HeaderMiniComment.surname} key={HeaderMiniComment.id}/>
        )
    });
    return(
        <div>
            {foreach}
        </div>
    );
}
});

@Edit 如果缺少信息,请告诉我。我会尝试带来更多@_ @

@the HeaderMiniComment

var HeaderMiniComment = React.createClass({
render:function(){
    return(
        <div>
            <span><p>{this.props.name}</p></span>
            <br />
            <span style={{color:'red'}}><p>{this.props.surname}</p></span>
        </div>
    )
}
});

1 个答案:

答案 0 :(得分:2)

对我来说,您应该只在[{1}}中保留props.data的数据,并在此处实施地图(HeaderMiniComment是外部组件)

HeaderMiniComment