ReactJS 中的嚴格模式

本文將探討如何突出顯示我們可能在 React 應用程式中遇到的潛在問題。

React.StrictMode 是 React 提供的一種幫助程式功能，它允許我們編寫更好的 React 程式碼。如果我們不遵循 React 指南，它會以警告的形式提供視覺反饋，但這隻在開發模式下有效。

注意：在使用 async await 時，它們不安全。

嚴格模式的使用案例 −

  • 識別具有不安全生命週期的元件

  • 警告有關傳統字串 ref API 的使用情況

  • 警告有關已棄用的 findDOMNode 用法

  • 檢測意外的副作用

  • 檢測舊版上下文 API

我們還可以繫結 React.StrictMode，使其僅適用於某些元件。例如，

示例

<Comp1/>
<React.StrictMode>
   <Comp3/>
</React.StrictMode>
<Comp2/>

此處，嚴格模式僅對 Comp3 元件啟用。

如果我們使用 React 的已棄用的類元件，如 componentWillReceiveProps，那麼它將顯示以下警告。

警告

更新日期： 19-Mar-2021

672 次觀看

開啟你的 職業

透過完成課程獲得認證

開始吧
廣告