引退メソッドReactDOM.render（）のタグは正常に機能します

strictモードantdv4.0.4でも同じエラーが発生します

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node

同じことに関する解決策はありますか、または提案もいただければ幸いです。

ボタンのためだけに厳密モードを削除するのはばかげています。 これはantdの正当な問題であり、修正する必要があります。

同じエラーが発生します

＃9870など、多くの移行を行う必要があります

ガイドhttps://ant.design/docs/react/use-in-typescriptを使用して新規インストールした後も同じです

私は同じ問題を抱えています

説明

警告：findDOMNodeはStrictModeでは非推奨です。 findDOMNodeには、StrictMode内にあるWaveのインスタンスが渡されました。 代わりに、参照する要素に直接参照を追加します。 参照を安全に使用する方法について詳しくは、 https ：

解決する

ReactDOM.render(
  // <React.StrictMode>
    <App />
  // </React.StrictMode>,
  ,
  document.getElementById('root')
);

同じ問題があります。 直してもらえますか？

同じ問題があります。 直してもらえますか？

同じ問題がありますが、他のコンポーネントを使用しているため、問題は<Button />だけではありません。

私は同じ問題を抱えています。 使っています

<InputMask
    mask='99/99/9999'
    onFocus={onFocus} onBlur={onBlur}
    defaultValue={fields.birthdate.value}
    error={fields.birthdate.error}
    helperText={fields.birthdate.helperText}
    id='birthdate' name='birthdate' label='Birthdate MM/DD/YYYY'
    type='tel' variant='filled' margin='dense'
>
    {(inputProps) =>
        <TextField {...inputProps} />
    }
</InputMask>

問題の行はライン。

厳密モードを無効にすることは、実際にはオプションではありません。 どうすればこれを修正できますか？

厳密モードを無効にすることは、実際にはオプションではありません。 どうすればこれを修正できますか？

これに関する移行コードに貢献してください。

SubMenuおよびSelectコンポーネントでもこの問題が発生しています。

警告：レガシーコンテキストAPIがstrict-modeツリー内で検出されました。
古いAPIはすべての16.xリリースでサポートされますが、それを使用するアプリケーションは新しいバージョンに移行する必要があります。
次のコンポーネントを更新してください：SubMenu

同じ警告が表示されました

同じ問題

同じ問題も:(

ここでもう1つ、障害者との協力、しかし本当にそれが長期的な解決策ではないことを願っています。

同じ問題

ここで同じ問題。

ここでも同じ問題がありますが、Antチームにはすでに解決策がありますか？

メニューもこの警告を生成します：
<Menu mode="horizontal" >
水平モードを削除すると、警告が消えます。 しかし、それは解決策ではありません。

これをリファクタリングするのは大きなことかもしれないと思います。 複数のコンポーネントを掘り下げる必要があるかもしれません。

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DOMWrap which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node
    in ul (created by DOMWrap)
    in DOMWrap (created by SubPopupMenu)
    in SubPopupMenu (created by Connect(SubPopupMenu))
    in Connect(SubPopupMenu) (created by Menu)
    in Provider (created by Menu)
    in Menu (created by Context.Consumer)
    in InternalMenu (created by Context.Consumer)

"antd": "^4.1.5"
"react": "^16.13.1"

同じ問題、助けて！ お願いします。

@latobiborこんにちは。我々は完全にあなたの提案/フィードバックのような、を歓迎する私たちにプル要求を送ることのために。適切な枝（新機能のための機能ブランチ、バグ修正やその他の変更のマスター）へのごプル要求を送ってください、記入プルリクエストをここに

こんにちは@latobibor、私たちはあなたの提案/フィードバックに完全に同意します、この問題を解決するためにプルリクエストを事前設定されたテンプレートを入力し、変更に必要な対応する変更ログ、TypeScript定義、テストケース、ドキュメントなどを提供してください。 、そしてCIが合格することを確実にするために、私たちはできるだけ早くレビューします、事前に感謝し、あなたの貢献を楽しみにしています！

同じ問題

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node
    in button (created by Context.Consumer)
    in Wave (created by Context.Consumer)
    in Button (at SignInPage/index.js:93)
    in div (created by FormItemInput)
    in div (created by FormItemInput)
    in div (created by Context.Consumer)
    in Col (created by FormItemInput)
    in FormItemInput (created by FormItem)
    in div (created by Context.Consumer)
    in Row (created by FormItem)
    in FormItem (at SignInPage/index.js:92)
    in form (created by ForwardRef(Form))
    in ForwardRef(Form) (created by ForwardRef(InternalForm))
    in SizeContextProvider (created by ForwardRef(InternalForm))
    in ForwardRef(InternalForm) (at SignInPage/index.js:43)
    in div (at SignInPage/index.js:42)
    in div (at SignInPage/index.js:33)
    in div (created by Context.Consumer)
    in Col (at SignInPage/index.js:32)
    in div (created by Context.Consumer)
    in Row (at SignInPage/index.js:31)
    in SignInPage (at AuthLayout/index.js:14)
    in Route (at AuthLayout/index.js:10)
    in Switch (at AuthLayout/index.js:7)
    in AuthLayout (at publicRoute.js:11)
    in Route (at publicRoute.js:9)
    in PublicRoute (at App.js:17)
    in Switch (at App.js:16)
    in Suspense (at App.js:15)
    in Router (created by BrowserRouter)
    in BrowserRouter (at App.js:14)
    in div (at App.js:13)
    in App (at src/index.js:9)
    in StrictMode (at src/index.js:8)

同じ問題で、私は次のような簡単なデモで、

const App = () => (
  <div className="App">
    <Button type="primary">Button</Button>
  </div>
);

しかし、コンソールでこのindex.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely hereエラーが発生しました。

直し方？

React.StrictModeをオフにして、ant設計チームがこの問題を修正してパッケージを更新するまで待つ必要があると思います。

ここで同じ問題、そして

ここでもう1つ、障害者との協力、しかし本当にそれが長期的な解決策ではないことを願っています。

丁度

最新バージョン（antd 4.2.0）でも同じ問題

同じ問題
index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node

+1

ここで同じ問題
。
修正は素晴らしいでしょう！ antdチームに感謝します！

同じ問題

だから何か解決策はありますか？

一を足す

同じ問題。

この問題もあるので、修正してください！

Buttonでこの問題も発生しています。

修正してください

ここで同じ問題に直面している

私は同じ問題を抱えています。 誰かがこの問題に取り組んでいますか？

antdと関係がありますか？ antd 3に切り替えましたが、同じ問題が発生します

はい、コンポーネントを使用しているため通常のhtmlボタンコンポーネントを使用すると、エラーは発生しません。

こっちも一緒。 かなり差し迫った問題のようです。 Ant Dどこにいるの？

現在PRに取り組んでいる人はいますか？ 書き始めるかもしれません

@caelinsutch私の知る限り、誰もいません。

主な問題は、 findDOMNodeを使用しているため、 これやこれなど、いくつかの移行記事が存在します

以下を使用して解決された問題：

公式の例に触発されました： https ：

あなたの例が私のケースを解決するとは思わない： https ：//github.com/ant-design/ant-design/issues/22493#issuecomment-619562638。 また、あなたが何をしたのかもまったくわかりません。 あなたが何かをした場合。

@CathyXianフォーム内のすべてのボタンをラップしても、ほとんどの場合<Button>コンポーネントはフォームで使用されず、代わりにonClickイベントが関連付けられているため、問題は解決しません。

@caelinsutchが指摘したように、Waveコンポーネントは非推奨のメソッドfindDOMNodeを使用しています。

どのコンポーネントがそのメソッドを使用しているかをすばやく確認すると、次のことがわかりました。

• ボタンhttps://github.com/ant-design/ant-design/blob/dff19af744cce8920f8038f3d32a3051cae7ef50/components/button/button.tsx#L265-L269
  （type = "link"）を使用すると、Waveコンポーネントは使用されません。これは、 @ CathyXianが言及したことです。

• スイッチhttps://github.com/ant-design/ant-design/blob/dabec4c8331c6171aaac08ad8b347c6ae754f032/components/switch/index.tsx#L65

• タグhttps://github.com/ant-design/ant-design/blob/e1299bfcc97a97078c51f33ae939d815e4eacf7f/components/tag/index.tsx#L114-L127

古い方法を削除するには、ウェーブコンポーネントをリファクタリングする必要があります。
そして、おそらく他のコンポーネントもそのメソッドを取り除く必要があります： https ：

ある種の奇妙な理由で、次のように再現されません。

  <React.Suspense fallback={''}>
    <App />
  </React.Suspense>

ある種の奇妙な理由で、次のように再現されません。

  <React.Suspense fallback={''}>
    <App />
  </React.Suspense>

私はこれを試し、魅力のように機能しましたが、その質問は、それは長期的な解決策ですか？

ある種の奇妙な理由で、次のように再現されません。

  <React.Suspense fallback={''}>
    <App />
  </React.Suspense>

これは、 <App>周りにラップされた<React.StrictMode>削除するのと同じです。 これは必要ないはずです。

タブの相手にも起こった

こっちも一緒、
優先度を上げていただけませんか？

同じ問題😓

私はここで同じ問題を抱えています、誰かが解決策を見つけましたか？

私はここで同じ問題を抱えています、誰かが解決策を見つけましたか？

私は、コードをリファクタリングする、上で概説したような解決策があることを意味します、私はおそらく今週後半にそれを回避するでしょう

ありがとうございました！ 私も同じ問題を抱えています！

同じ問題

同じ問題

                  `<Button
                        htmlType="button"
                        icon={<LoginOutlined />}
                        onClick={this.onLogin.bind(this)}
                    >
                        Welcome Back
                    </Button>`

htmlType属性を使用しましたが、まだこの問題が発生しています。 StrictModeの削除は解決策ではありません。 @antdは解決策を提供してください。

同じ問題

任意の解決策、同じ問題...。

SubMenuの使用中に同じ問題が発生します。
"react"： "^ 16.13.1"、
"react-dom"： "^ 16.13.1"、
"antd"： "^ 4.3.1"、

form.itemのボタンを使用しているのと同じ問題

この問題について全体的な調査をしてみませんか？ @ afc163

同じ問題、解決策はありますか？

垂直メニューのサブメニューと同じ問題、

ここで同じ問題。 Buttonコンポーネントから出てきますが、実際にはWaveコンポーネント、 componentDidMountとonTransitionStartにあると思います。 findDOMNode(this)を呼び出す代わりに、refを使用できますか？

私も

+1

+1

+1

開発者が慣例に従い、このスレッドを電子メールで購読しているすべての人を困らせるために+1を付けないようにしてください。 それは非常に迷惑で専門的ではありません、 @ kreuzhofer @Lemii @moderndegree @ TechieQian @ lefteriskなど

Antデザインメニューを使用する場合の同じ問題

ここで同じ問題。 できるだけ早く修正する必要があります

Antデザインボタンを使用する場合の同じ問題

+1

ここで同じ問題。

ここでの同じ問題は、厳密モードをオフにする必要のない解決策または回避策が本当に必要です。

私は同じ問題に直面しています

ここで同じ問題

サブメニューと同じ問題

@Antチーム、これは開いたままにして

よろしくお願いします！ :)

React TypeScriptプロジェクトにantdをインストールしたところ、ボタンを使用するとすぐにエラーがスローされました。 これに対する解決策がないことを知って悲しい：l

ant.designボタンについても同じです。
"antd"： "^ 4.6.3"、
"react"： "^ 16.13.1"、
"react-dom"： "^ 16.13.1"、

更新はありますか？ または回避策？

同じ問題

コードの最初の行でエラーが報告されます。 。 。まだ修理されていません。 。

プロジェクトでボタンを使用しているときに、この問題を発見しました。
私は「antd」を使用しています：「^ 4.6.2」

ここでモーダルを使用して同じ問題。
2つの警告が表示されます：
`index.js：1警告：厳密モードでUNSAFE_componentWillReceivePropsを使用することは推奨されておらず、コードのバグを示している可能性があります。 詳細については、 https：//fb.me/react-unsafe-component-lifecyclesを参照してください。

• データフェッチコードまたは副作用をcomponentDidUpdateに移動します。
• 小道具が変更されるたびに状態を更新する場合は、メモ化手法を使用するようにコードをリファクタリングするか、静的なgetDerivedStateFromPropsに移動します。`

と同様 ：
index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of AnimateChild which is inside StrictMode. Instead, add a ref directly to the element you want to reference.

更新はありますか？

同じ問題。

これは修正する必要があります。

ボタンを使用する場合は、4.6.6でもここで発行します

厳密モードのチェックは、開発モードでのみ実行されます。 それらは本番ビルドに影響を与えません。 そのため、メッセージが煩わしくなります...
確かに、それをコメントアウトすることは素晴らしい答えではありませんが、それがうまくいかない場合は、修正を提供しますか？

ant4.6.6と同じ問題と16.13.1に反応します:(

みんな、このエラーがあなたにとって迷惑な場合の単なる提案：

const isDev = process.env.NODE_ENV === 'development'

ReactDOM.render(
  isDev ? <App /> : (
    <React.StrictMode>
      <App />
    </React.StrictMode>
  ),
  document.getElementById('root')
)

乾杯！

@rafaelcalhau
開発環境でのみ検証を実行するため、基本的にStrictModeを削除するのと同じです。 したがって、StrictModeの目的である、独自のコードのすべてのチェックを無効にしただけです。

同じ問題。

同じ問題。

同じ問題

@ enoh-barbu誰もこれを積極的に修正しようとしているとは思わない。

コンソールを開いたときにエラーが表示されるのは嫌いですが、このエラーのためにstrictモードを削除するのは、控えめに言ってもばかげています。

アップ

解決策がない場合はどうでしょうか。

前）

後）

今まで同じ問題。

今まで同じ問題。

今まで同じ問題

まだ同じ問題。

まだ壊れている

解決策がない場合はどうでしょうか。

前）
（大きな画像）

後）
（大きな画像）

さらに良いこと：コンソールを閉じると、すべての警告が消えます😄

冗談はさておき：複数のコンポーネントでもこの問題に直面しています

まだ同じ問題
React.StrictModeを取り除くのに役立ちます

スレッドをフォローしている人への質問...これは何を意味しますか（具体的にはエラー）、そしてコードを見て、何が原因であるか（またはなぜそれが重要なのか）を確認しました。 正直なところ、私はそれを修正しようとしますが、なぜそれが起こっているのか、またはコードベースのどこにエラーが存在するのかを調査して確認する時間（またはコードベースの知識）がありません。

編集：明らかに私もエラーを経験していることを追加する必要があります（数日前には発生していなかったので、エラーをトリガーする特定の状況は何ですか？つまり、非推奨のメソッドfindDOMNodeはどのような状況ですか？ボタンで呼び出されましたか？）

おそらく、このスレッドを共同作業として扱い、警告が発生した状況をリストして、単に「うん、エラーがあります。修正してください」と述べるのではなく、トラブルシューティングを開始する必要があります。

@shawnpetros
私はコードベースの専門家ではありませんが、ボタン要素だけでなく問題が発生するほど頻繁に使用します。 調査に少し時間を費やし、findDomNodeの主な用途がwaveコンポーネントで発生することを学びました。 波とは？ ボタンコンポーネントなどをアニメーション化するためのツールを収集できるものから。

• 興味がある場合は、違反者がここに表示されます： https ：
• ここで実際の動作を確認できます： https ：

厳密モードを無効にする以外に（より適切な修正が利用可能になるまで、または自分で提案するためにwaveについてさらに学ぶ時間があります...）、コードの外観から追加する方が簡単かもしれません。今のところfindDomNodeの使用法を完全に置き換えるのではなく、waveの使用法を無効にするために小道具を使用するPR。 少しグーグルすると、それが単なるアリのデザインの問題ではないことが明らかになるので（つまり、https：//stackoverflow.com/questions/61220424/material-ui-drawer-finddomnode-is-deprecated-in-strictmode）、私は推測します実装するのが最も簡単な修正ではありません。さもないと、誰かがすでにそれに飛びついているでしょう。 変更はボタンだけでなく影響するので、ant-designの作成者が適切なソリューションを徹底的にテストできるように、これをさらに優先する時間ができるまで待つ必要があるかもしれません....彼らが行ったすべての作業に確かに感謝しますここで入手してください。解決策が何であれ、他のソリューションと同じように機能するものになると確信しています。

編集：
これが「簡単な修正」ではない理由に興味がある人のために、findDomNodeを捨てるためのいくつかの提案された解決策があります。 https://medium.com/trabe/getting-rid-of-finddomnode-method-in-your-react-application-a0d7093b2660
それが複数のコンポーネントに影響を与えると仮定すると、これは確かに誰もが「自由な」時間を持っているよりも大きなタスクになるでしょう...

トレースhttps://github.com/ant-design/ant-design/issues/26136

同じ問題

このチケットは7ヶ月以上オープンしています。

同じ

27755この問題を修正するためのプルリクエストがあります

+1

このプロジェクトのルールについてはわかりませんが、他のコミュニティでは「同じ」および「+1」のコメントをスパムすることは推奨されていません。

• 何かが差し迫った問題である場合、開発者は通常それをよく知っています、
• 問題を解決するために実質的なものは何も追加されませんが、
• 開発者が通知を確認するには時間がかかりますが、
• 通知に大量のスパムが含まれている他のウォッチャーからは時間がかかります。

おそらく、一番上の問題で：+ 1：を使用することで、この問題のサポートを簡単に表すことができます。

https://github.com/ant-design/ant-design/pull/27755で修正済み

修正に取り組んでいただきありがとうございます、私はライブラリが大好きです。 残念ながら、 antd @ 4.8.4でこの警告が表示され
フォーム内で入力を使用するときにasync-validatorが起動した後にのみ表示されます。

[email protected]でも同じ問題が