プロジェクトを再起動した場合にのみ、Reactはコンポーネントをレンダリングしません

マートンバラス

初めてReactjsを試していますが、何かをレンダリングしたい場合は、プロジェクトを再起動したときにのみレンダリングされます。保存を押しても何も起こりません。誰かがこの問題にもう遭遇しましたか?


import React from 'react';


function App(){
  return (
    <div>
      <h1>Hello React</h1>
      <button>Button</button>

    </div>
  );
}

export default App;
import React from 'react';
import ReactDOM from 'react-dom';


ReactDOM.render(<App />, document.getElementById('root'));
サイレン

ソースファイルに加えた最新の変更をアプリにレンダリングさせる場合は、ホットリロードを実装する必要があります。

詳細については、このサイトを確認してください:https//gaearon.github.io/react-hot-loader/getstarted/

ソースファイルに対して行った変更をスキャンし、実行中のアプリに変更を自動的に適用します。また、この変更中にアプリの状態が失われないようにします。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

前のコンポーネントが自己終了した場合、Vueは2番目のコンポーネントをレンダリングしません

スクロールビューはテキストコンポーネントのみをレンダリングし、自分で定義したコンポーネントはレンダリングしません

this.forceUpdate()は動的に作成されたコンポーネントを再レンダリングしません

Reactコンポーネントは、Fluxストアからデータをレンダリングしますが、Mongoデータベースからフェッチした場合はレンダリングしません

Reactルーターは子コンポーネントのルートに新しいコンポーネントをレンダリングしません

既存のWebページに追加されたReactは、複数のファイルのコンポーネントをレンダリングしません

Laravel用のArgonダッシュボードをLaravelプロジェクトにインストールした後、vuejsコンポーネントをレンダリングできません

Reactコンポーネントは、渡された小道具を受け取りません。論理演算子でレンダリングした場合

React:コンポーネントがレンダリングされたときにのみコンポーネントのCSSをロードします

ホームページからフローを開始した場合にのみコンポーネントがレンダリングされる

状態が変化した場合にのみ、reactコンポーネントを再レンダリングします

React Typescriptログインはリクエストを送信しませんが、メインコンポーネントを再レンダリングします

ジェスト酵素浅いテストは、Reactコンポーネントのすべての要素をレンダリングしていません

Reactコンポーネントは、オブジェクト内の1つのアイテムのみをレンダリングします

Reactルーターはページをリダイレクトしますが、コンポーネントはレンダリングされません

オブジェクトのredux配列を更新しますが、コンポーネントは再レンダリングしません

私は手動でURLを入力するか、ページを更新した場合のコンポーネントはreactjsをレンダリングしません。

親コンポーネントが子コンポーネントを更新しますv-リストの場合、新しいリストはビューポート(vue.js)にレンダリングされません

React useEffectは、コンポーネントのレンダリング時にフェッチをトリガーしません

React Routerはログインページにリダイレクトしていますが、ログインコンポーネントをレンダリングしていません

React-キープロップを変更しても子コンポーネントの再レンダリングは発生しません

リストに新しく追加されたアイテムは、Reactのコンポーネントを再レンダリングしません

React-componentWillReceiveProps条件はコンポーネント内のデータをレンダリングしません

Reactは配列のすべてのコンポーネントをレンダリングしません

Reactコンポーネントはコンテンツをレンダリングしません

React:親が頻繁に再レンダリングする場合、子コンポーネントの不要な再レンダリングを回避します(コールバックプロップを使用)

React HashRouterは他のパスをレンダリングせず、ルートコンポーネント '/'のみをレンダリングします

オブジェクトでネストされた配列を使用する場合、プログラムでチェックボックスをオンにしても変更はレンダリングされません

浅いはラップされたコンポーネントをレンダリングしません

TOP 一覧

  1. 1

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  2. 2

    CSSのみを使用して三角形のアニメーションを作成する方法

  3. 3

    ZScalerと証明書の問題により、Dockerを使用できません

  4. 4

    ドロップダウンリストで選択したアイテムのQComboBoxスタイル

  5. 5

    別のホストからTomcat Managerアプリにアクセスする

  6. 6

    PyCharmリモートインタープリターはプロジェクトタブにサイトパッケージのコンテンツを表示しません

  7. 7

    Windows 10でのUSB入力デバイスの挿入/取り外しの検出

  8. 8

    Python / SciPyのピーク検出アルゴリズム

  9. 9

    MLでのデータ前処理の背後にある直感

  10. 10

    useRefに反応してコンポーネントをスクロールして表示する

  11. 11

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  12. 12

    パンダは異なる名前の列に追加します

  13. 13

    PictureBoxで画像のブレンドを無効にする

  14. 14

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  15. 15

    Pythonを使用して、リストからデータを読み取り、特定の値をElasticsearchにインデックス付けするにはどうすればよいですか?

  16. 16

    LinuxでPySide2(Qt for Python)をインストールするQt Designerはどこにありますか?

  17. 17

    Material-UIでTextFieldエラーの色を条件付きでオーバーライドする方法

  18. 18

    goormIDEは、ターミナルがロードするデフォルトプロジェクトを変更します

  19. 19

    MatplotlibまたはSeabornを使用して、グループ化されたデータから複数のプロットを生成するにはどうすればよいですか?

  20. 20

    Luaの文字列から特定の特殊文字を削除するにはどうすればよいですか?

  21. 21

    Flutterにファイルピッカープラグインを追加するにはどうすればよいですか?

ホットタグ

アーカイブ