Uncaught ReferenceError：コントローラがreact jsで定義されていません

Question

これは、以前のバージョンと依存関係に失敗したために私が従う2番目のチュートリアルです。あなたが推測できるように、私はここで反応を開始しようとしています。

Appointmentsというコントローラを作成しました。これはコンポーネントフォルダ内のコントローラjsxです。

アプリ/資産/のJS /コンポーネント/ appointments.jsx

var Appointments = React.Component({ 
    render: function() { 
     return (
     <h1>React calender</h1> 
     ) 
    } 
}); 

予定/ index.html.erb

<%= react_component 'Appointments' %> 

そして、私はレールのサーバーを再起動します。私が見るすべてはあなたがおそらく行うには何を意味するのか、この

Uncaught ReferenceError: Appointments is not defined 

Answer 1

を示す空白のブラウザとコンソールであるあなたが計画や内部状態を持っているとあれば非常に良いことではありません。この

const Appointments = React.createClass({ 
    // ... 
    render() { 
    return <div>{this.state.hello}</div>; 
    } 
}); 

です/またはREF

むしろあなたのカリフォルニア州だから、この

class Appointments extends React.Component { 
    // ... 
    render() { 
    return <div>{this.state.hello}</div>; 
    } 
} 

のようにそれを行うことをお勧めしますあなたは `クラスの予定を試してみました

class Appointments extends React.Component { 
    render() { 
    return (
    <h1>React calender</h1> 
    ) 
    } 
}