問題タブ [react-context]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
59 参照

reactjs - コンポーネントがまだレンダリングされていると想定されている場合でも、React props が評価されています。

次のように、コンポーネントの読み込みが完了するまでレンダリングしないようにコンポーネントに指示するラッパーがあります。

ただし、Context Consumer 内でこのラッパーを使用すると、LoadingInitialState が true で、子がレンダリングされない場合でも、子の props がまだ評価されています。

レンダリングされていないにもかかわらず、ChildComponents の小道具がまだ評価されている理由を誰でも説明できますか? これを行うためのより良い解決策はありますか?

0 投票する
3 に答える
3317 参照

reactjs - reactjs - 3 レベルの深さの反応をインポートする

私は反応を使用しており、「Reddit クローン」であるプロジェクトの新しいコンテキスト API を試していました。したがって、 myは、 の横のフォルダーにあるContextという名前のファイルに作成されます。ここで、次の方法でインポートする独自のフォルダーにを作成しました。provider.jssrcApp.jsHeaderComponentContext

LoginComponent内に呼び出される別のコンポーネントを作成しましたHeaderComponent。そして、LoginComponentは独自のフォルダーにあります。今、私はContext次の方法でインポートしました:

木

../インポートは正常に機能しましたが、インポート.../されたスローとエラーが発生しました。

コンパイルに失敗しました。

./src/HeaderComponent/LoginComponent/index.js モジュールが見つかりません:「C:\Users.......\reddit\reactfe\src\HeaderComponent\LoginComponent」の「.../provider」を解決できません

0 投票する
1 に答える
1397 参照

javascript - 未処理の拒否 (TypeError): api.getUser は関数ではありません

React アプリを作成していますが、Axios を使用しています。問題は、これが先月は機能していたのに、突然機能しなくなったことです。以前は機能していたので、このエラーは私には意味がありません。

エラー状態Unhandled Rejection (TypeError): api.getUser is not a function

axios api.js を含むファイルは次のとおりです。

これらのファイルを使用しているファイルは次のとおりです。これは、React 14 の Context API、UserContext.js の一部です。

私は最後の時間を費やして問題を解決しようとしましたが、役に立ちませんでした。どんな助けでも大歓迎です。

エクスポートがどのように行われているか、または何か他のことが起こっているかどうかを確認しましたが、何も見つかりませんでした。

ありがとう