[解決済み] componentWillReceiveProps は名称が変更されました。
2022-02-14 10:55:38
質問
ReactSwipableViewパッケージを使用するMaterial ui SwipeableViewsを使用していますが、コンソールにこのエラーが表示されます。
react-dom.development.js:12466 Warning: componentWillReceiveProps は名前が変更されましたので、使用は推奨されません。詳細はこちらをご覧ください。
- データ取得のコードや副作用をcomponentDidUpdateに移動します。
- プロップが変わるたびに状態を更新している場合は、コードをリファクタリングしてメモ化技術を使用するか、静的な getDerivedStateFromProps に移動させます。詳しくはこちらで。
- componentWillReceiveProps を UNSAFE_componentWillReceiveProps に改名し、非制限モードでこの警告を抑制します。React 17.xでは、UNSAFE_という名前だけが機能します。すべての非推奨のライフサイクルの名前を新しい名前に変更するには、以下を実行します。
npx react-codemod rename-unsafe-lifecycles
をプロジェクトのソースフォルダにコピーしてください。以下のコンポーネントを更新してください。ReactSwipableView
UNSAFE_componentWillReceivePropsを試してみましたが、何も変わりません。
解決方法は?
さて、オープンソースソフトウェアの消費者としては、そうかもしれません。
- 問題が修正されるのを待つ(または修正されない)。
-
冷静になって、PRを投稿して修正してもらう :)
以下は、すべての参照先
componentWillReceiveProps
レポの - 使用する新しいパッケージの検索
結局のところ、これはあなたのソフトウェアに関連したエラーではなく、そのソフトウェアが依存している依存関係です。それらを修正するのはあなたの責任ではありません。アプリが実行されれば、問題ありません。からの警告
react-dom.development.js
は本番では表示されません。
関連
-
[解決済み】Typescript react - モジュール ''react-materialize'' の宣言ファイルが見つかりませんでした。'path/to/module-name.js' は暗黙のうちに any 型を持ちます。
-
[解決済み】コンポーネントの定義に表示名がない react/display-name
-
[解決済み] react - createMuiThemeとcreateThemeの違い。
-
[解決済み] React + TypeScript のエラーです。この呼び出しにマッチするオーバーロードがありません
-
[解決済み] formcontrollabel - material-ui | Reactのデフォルトのtypography classを変更するには?
-
[解決済み] ReactコンポーネントのJest SnapshotテストにおけるSnapshotテストの仕組みとtoMatchSnapshot()関数は何をするのか?
-
[解決済み] 矢印本体を囲む予期せぬブロックステートメント
-
[解決済み] react-navigation v5を使ったreact-nativeアプリのAppNavigatorの構文を更新する。
-
[解決済み] React QueryとReduxの主な違いは何ですか?
-
[解決済み] React」は定義される前に使用されていた
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Reactでclsxを使用する方法
-
[解決済み】プリセットファイルはオブジェクトのエクスポートができない
-
[解決済み] react-router-domを使用する際に「Function components cannot be given refs」を回避するにはどうすればよいですか?
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] react router dom v4でwebpack dev serverを構成する方法は?
-
[解決済み] reactstrapのドロップダウンで選択されたアイテムを設定する方法は?
-
[解決済み] カスタマイズ素材UI チェックした場合としない場合の切り替え
-
[解決済み] React TypeScriptで作業しているときに、Jestが予期しないトークンに遭遇した
-
[解決済み] ReactJS - SCRIPT1010: 期待される識別子 - IE11 で本番ビルドが実行されない
-
[解決済み] ReactJS で inst.render が関数でないエラーが発生する