は、構築に失敗しました 『コメント』

Question

エラーはこのようになります -

は、 『コメント』の構築に失敗しました：？ 『新しい』演算子を使用してください、このDOMオブジェクトのコンストラクタが呼ばれることはできません機能

として「新しい」演算子を使用する方法を理解していない、それが何を意味するのでしょう誰も私を助けてくださいすることができます

をここのコードです - ！？

import React from "react"; 
import {render} from "react-dom"; 



class Board extends React.Component{ 
    state ={comments: ["I like bla", "what next?", "this is the last."]} 

    eachComment(text, i){ 
    return (<Comment key={i}>{text}</Comment>); 
    } 

    render(){ 
    return(
     <div> 
     { 
      this.state.comments.map(this.eachComment) 
     } 
     </div> 
    ); 
    } 
} 

render(<Board/>, window.document.getElementById("example")); 

Answer 1

は

constructor() { 
this.state ={comments: ["I like bla", "what next?", "this is the last."]} 
} 

代わりの状態のためのクラスインサイドstate ={comments: ["I like bla", "what next?", "this is the last."]}

Answer 2

それはクラスがデータを保持し、反応するように、これはthis.state =をする必要がありますする必要がありますコンポーネントクラス上の状態を探している

Answer 3

これらの変更を試すことはできますか？

class Board extends React.Component{ 
    constructor(){ 
    super(); 
    this.state ={comments: ["I like bla", "what next?", "this is the last."]}; 
    } 
... 
} 

とrender()

のRef上記目的としてeachCommentを指定：https://stackoverflow.com/a/28205521/3279391