2016-08-26 18 views
-3

Reactを使用して作成されたページがあります。今まではすべてがうまくいっていました。しかし、ページがロードされ、ページがロードされるとすぐに、すべてのコンポーネントがフリーズし、それらとやり取りできなくなります。ブラウザが正常に動作しており、ではなく、のブラウザがフリーズしていることに注意することが重要です。 役立つ場合は、webpackを使用してページをホストしています。反応コンポーネントが動作しない

ここにサンプルがあります。

enter image description here

基本的に私は他のすべてのコンポーネントに親のようであるコンポーネントを持っています。親コンポーネントは、サーバーからデータを取得し、他のコンポーネントに渡します。 親はまた、子コンポーネントから呼び出してサーバーとやりとりするために使用できるメソッドを渡します。これは基本的にすべてのプロジェクトのパターンです。私は悲しいことに、なぜそれがスタイルを含むすべてが完全に読み込まれたにもかかわらず、凍結し始めたのかわかりません。私はちょうどそれを押しボタンと対話することはできませんし、あなたが行うonClicksであれば、物事を凍結することができ、そのような

+0

あなたはすべてのコードを持っていますか? – user1775718

+0

凍った時に何をしていましたか?クリックイベントハンドラを追加しましたか?または... – user1775718

+3

コード関連の質問(これはSOのためのものです)にコードを含まないことは、非生産的です。誰もが助けるために使うことができるものは何もありません。 –

答えて

-1

ことの一つは、次のとおりです。

<button onClick={this.setSector('legal')}> 

いうより:

<button onClick={() => this.setSector('legal')}> 
+0

私は今それをチェックします。私はそれらの多くを持っていますが、divのボタンにはありません – arvind

+2

これはそのような野生の推測ですlol –

+0

@NicolaPedretti私は前のコメントで言及されたもののような何かを持っていません。私が調べた別のものは、クロム開発者ツール>要素の中にありました。最も外側のdivを除いてDOMはありません。私はコンポーネントのどれもがDOMの一部であるということを意味しませんが、まだ完全にロードされたページを見ることができます。 – arvind

関連する問題