構文エラー：コンパイルのJSファイルに予期しないトークン

Question

エラーコード：

class App extends Component { 


    let memos = { 
     date: new Date(), 
     text: 'I hope you enjoy learning React!' 
    } 


    render() { 
     return (
      <tr> 
       <td>You have no plans yet </td> 
      </tr> 
     ); 
    } 
} 

エラー：

Unexpected token at:

let memos = ... 
//^here 

---

私は学ぶために始めています反応し、私はエラーをキャッチしました。 正確には何ですか？

Answer 1

コード：

let memos = { 
    date: new Date(), 
    text: 'I hope you enjoy learning React!' 
} 

はコンストラクタ（またはその他の方法）に包まれしなければならない、それだけで、クラス自体の内部がハングすることはできません。

constructor() { 
    let memos = { 
     date: new Date(), 
     text: 'I hope you enjoy learning React!' 
    }; 
} 

とおそらく別の方法でmemosにアクセスできるようにするには、let memos = ...をthis.memos = ...と置き換えてください。

Answer 2

classにはlet,constまたはvarを使用できません。 ES2015では、staticメソッドまたはプロパティまたはメソッドのいずれかを使用して、prototypeにアクセスできます。 したがって、クラスのプロパティを初期化するには、そのクラスをコンストラクタに追加する必要があります。

class Person { 
    constructor(name){ 
     this.name = name; 
     this.createdAd = new Date(); 
    } 
} 

let bob = new Person('Bob'); 
bob.name // 'Bob'