控制台警告【React】Warning: componentWillMount has been renamed, and is not recommended for use. See https:

最新推荐文章于 2023-06-06 22:54:24 发布

Sponge_bob_

最新推荐文章于 2023-06-06 22:54:24 发布

阅读量2.3k

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/Sponge_bob_/article/details/125204477

版权

react 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

原因：React v16.9之后，当你在新版本中使用旧的生命周期方法时，会提示该警告。

componentWillMount → UNSAFE_componentWillMount

componentWillReceiveProps → UNSAFE_componentWillReceiveProps

componentWillUpdate → UNSAFE_componentWillUpdate

解决方法：
1、执行以下命令

 npx react-codemod rename-unsafe-lifecycles

2、固定react版本

"react": "16.8.6",
"react-dom": "16.8.6"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sponge_bob_

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

react - Ant Design Pro 报错Warning: React.createElement: type is invalid – expected a string (for buil

高级前端工程师

02-01

2470

react，ant design pro，react报错React.createElement，报错怎么办，详细解决办法，如何解决浏览器控制台报错，如何解决ant组件库报错，使用ant design pro创建组件时报错Warning: React.createElement: type is invalid – expected a string (for built-in components) or a class/function (for composite components) but got

【React】报错：react.development.js:315 Warning: React.createElement: type is invalid。。。

all_might1的博客

03-10

2095

目录一、问题描述二、问题原因分析三、问题解决四、总结一、问题描述今天写新需求的时候，老js文件中动辄几千行，前人把好多东西都揉在一起。想着新功能就写在新的js文件中好了。于是引用了新的js文件，可是报出了如下错误二、问题原因分析隐约知道应该是引入方面或者是导出方面的问题，但是也没有准确定位到在哪里有问题最后在网上检索了下相关问题，好像也不是很沾边于是又看了看代码，很明显发现ctrl点击的时候不跳转，鼠标悬浮其上出现的信息有问题。那就一定是引..

1 条评论您还未登录，请先登录后发表或查看评论

Warning: componentWillMount has been renamed, and is not recommended for use

小小喵的博客

04-23

1万+

The Problem Warning: componentWillMount has been renamed, and is not recommended for use Initializing state 初始化状态 // Before class AppComponent extends React.Component { state = {}; componentW...

解决react：Warning: componentWillMount/componentWillUpdate has been renamed问题

业余前端的职业经历

03-03

9657

这个意思是reactt 版本更新的问题已经移除了这个生命周期函数已经变成了下面的样子如果react代码在19年11月之后的版本 UNSAFE_componentWillMount() // 组件挂载前 UNSAFE_componentWillUpdate() 组件更新后 ...

react解决componentWillMount出现警告getNode()的问题

飞奔的猫的专栏

06-23

1534

componentWillMount改成：目前用法：UNSAFE_componentWillMount

react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva

weixin_54079103的博客

06-06

1372

使用dva开发react项目时,使用react17版本的方式行不通。react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva

react+antd form 警告Warning: [antd: Form.Item] `children` is array of render props cannot have `name`.

热门推荐

feinifi的博客

07-14

2万+

如题所示，该警告出现在react与antd使用中，我们页面表单form中使用了Form.Item包含输入框，在username输入框的下面，加入了一行提示文字，代码如下： import React from 'react' import {Card,Form,Input,Button} from 'antd' import 'antd/dist/antd.css' const LoginForm = () => { const onFinish = values =>{ co...

Eslint安装配置+报错 prettier module‘ is not defined.Warning: React version not specified in eslint

LG的博客

07-07

4096

eslint prettier

React Native 警告 Animated: `useNativeDriver` is not supported 的解决方案

iMingzhen的博客

02-18

3623

React Native 警告 Animated: `useNativeDriver` is not supported 的解决方案

react安装报错ReactDOM.render is no longer supported in React 18. Use createRoot instead.

总结前端开发中遇到的问题，分享前端知识

03-30

5233

查看文件package.json中react、react-domz最新安装的版本发现问题所在： react-dom.development.js: 86警告:ReactDOM。React 18不再支持渲染 "react": "18.0.0", "react-dom": "18.0.0", 解决办法：降低版本到17.0.2 安装： yarn add react@17.0.2 react-dom@17.0.2 --save npm installreact@17.0.2 react-dom@..

REACT生命周期：componentwillmount(), componentWillReceiveProps()替换方案（2023更新useEffect）

09-03

4670

},[]), useEffect中的cleanup，它会在组件从UI中remove的时候执行，看上去完美适配了componentWillUnmount这个生命周期的作用，但需要注意的是，useEffect多次执行的时候，cleanup其实会在第二次执行的时候也先执行一遍cleanup。,[someValue])，填了依赖的useEffect，当依赖someValue改变的时候，useEffect重新执行，组件被重新evaluated & rendered，依赖也随之被重新evaluated。

React(12)-react的生命周期(important)没写完

m0_65912225的博客

09-17

403

react的生命周期

React v16.9.0 and the Roadmap Update

BLOG域名:programb.blog.csdn.net

04-24

394

React v16.9.0 and the Roadmap Update August 08, 2019 by Dan Abramov and Brian Vaughn Today we are releasing React 16.9. It contains several new features, bugfixes, and new deprecation warnings to help...

react-dom.development.js:86 Warning: findDOMNode is deprecated and will be removed in the next major release.