有没有办法检查React＆＃x27; s“ strictmode”是否已打开？

Question

在代码中或通过React DevTools中有一种方法，以查看

需要明确的是，这个问题是：

• 不是关于如何启用严格模式的。 （答案是＆lt; react.strictmode＆gt;，尽管也可以通过某些框架中的配置设置它，例如，next.js）
• 专门讨论了React stricts strictmode在/a>（'使用strart';）或 typescript> typescript的严格模式。这是一个超载的短语，但是Watcha会这样做吗？
• 由于与React的Strictmode意外渲染的意外渲染，您的混乱动机。请参阅 this github问题或此stackoverflow post 为了使其造成挫败感。即使您无法启用了“ strictmode”中的何处，也可以使用一种简单的方法来验证组件正在严格模式中运行。

Answer 1

这不是一种清晰或确定的方式，但是您可以有目的地触发仅在React的Strictmode中发生的警告。例如：

• 您可以有目的地创建一个使用不安全生命周期的虚拟组件，它应该触发警告。这有点麻烦，因为 - 如果您在应用程序中仅使用功能组件，则必须创建一个类组件来使用不安全的生命周期方法。
• 您可以在组件中有目的地使用（不推荐使用的）字符串ref，它应该触发警告。这比上面的功能组件更容易但丑陋：您可以将其放入任何组件的JSX中，但是如果它是功能性的组件，它将使您的应用完全断开。但是警告至少应该在应用程序中断之前出现。 警告：我刚刚尝试复制它，尽管我仍然相信我的应用程序在React strictmode中，但我再也无法像以前看到的那样触发字符串ref触发警告，但它只是唯一的打破应用程序。不确定发生了什么变化或我做不同的事情，但这可能不像上述选项那样好。

无论如何，此警告将包含一些类似的文本，

... found within a strict-mode tree ...

这些文本似乎是相当不错的证明，证明该组件正在strictmode中呈现。拥有更直接的辅助功能会很好，但是它可以捏合。