内部地图内容不呈现

Question

当我渲染comments阵列在这片代码comment不显示到部件，这是一个reactjs代码

var Board = React.createClass({ 

     getInitialState: function() { 
      return{comments: ['i am rohith','some call me drohi','some call me rogi']} 
     } 

     render: function() { 
     return(
       <div className="board"> 
        { 
         this.state.comments.map(function(text,i){ 
         return(<Comment key={i}>{text}</Comment>); 
         }) 
        } 
       </div> 
       ); 
     } 


    }); 

当我呈现此片的代码串在评论数组中没有显示到组件

Answer 1

我看到state缺少那里，不能在您的代码片段的渲染功能访问。

this.state.comments 

我做了一些更改，看看是否有帮助。
你可以修改代码片段。对于`Comment`组件也https://codesandbox.io/s/6RxBYqpBQ

import React from 'react'; 

export default class Board extends React.Component { 

    constructor(props) { 
    super(props); 
    this.state = { 
     comments: ['i am rohith', 'some call me drohi', 'some call me rogi'], 
    }; 
    } 

    render() { 
    return (
     <div className="board"> 
     {this.state.comments.map(function(text, i) { 
      return <span key={i}>{text} <br /></span>; 
     })} 
     </div> 
    ); 
    } 

}