React路由,如何禁用Future Flag警告?console函数劫持
发布于 作者:苏南大叔 来源:程序如此灵动~

在调试ReactRouter
相关代码的时候,被f12
调试工具下的各种React Router Future Flag Warning
信息,搞得心烦意乱。这些React Router Future Flag Warning
,目前并不是苏南大叔所关注的内容。所以,需要禁用掉这些提示信息。那么,如何过滤掉这些干扰信息呢?

苏南大叔的“程序如此灵动”博客,记录苏南大叔的代码编程经验总结。本文测试环境:nodejs@20.18.0
,create-react-app@5.0.1
,react-router-dom@6.27.0
,react@18.3.1
。
Future Flag Warning
写点小代码,收到了一堆warning
。真心是上火。收到的warning
信息有:

有个共同的特点,就是都属于“React Router Future Flag Warning
”。
禁用Future Flag
在官方网站上一顿翻找,没有看到哪里可以关掉这些React Router Future Flag Warning
提示信息。如果您知道,欢迎留言。
这些警告信息,应该是调用console.warn()
函数输出的。所以,苏南大叔这里打算劫持console.warn()
函数,来过滤掉这些恼人的信息。
参考代码:
把这些劫持代码放到合适的位置,比如index.js
文件里面,即可生效,瞬间清爽。如果需要劫持其它的警告信息,可以继续修改这个代码的逻辑,还有很大的修改空间。目前这个代码,就仅仅过滤“React Router Future Flag Warning
”,其它的警告信息会继续显示的。
相关文章
其它劫持系统函数的文章,可以参考:
- https://newsn.net/say/browser-location-event.html
- https://newsn.net/say/js-hook.html
- https://newsn.net/say/js-proxy.html
- https://newsn.net/say/js-proxy-2.html
结语
更多苏南大叔的react
经验文章,请点击下面的链接:


