首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >下一个js,不再支持ReactDom.render。

下一个js,不再支持ReactDom.render。
EN

Stack Overflow用户
提问于 2022-05-02 15:21:09
回答 4查看 5.6K关注 0票数 10

我刚刚推出了一个新的下一个JS应用程序与下一个12。

在浏览器中加载的所有页面上都会出现此错误:

警告:在React 18中不再支持ReactDOM.render。请改用createRoot。在您切换到新的API之前,您的应用程序将表现得好像它正在运行Reactive17。

下一个js的ReactDom.render在引擎盖下面,我如何解决这个错误?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2022-05-05 03:05:25

对我来说,这的确是脉轮。您需要为NextJS安装最新的Chakra

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm i @chakra-ui/react@2.0.0-next.3
票数 8
EN

Stack Overflow用户

发布于 2022-05-06 09:24:32

如果您已经更新为响应18,并且在您的自定义服务器应用程序中使用了Next.js设置,您也可能会收到此警告。

在这种情况下,这个按下中的12.1.7-canary.2版本已经解决了这个问题。要在项目中修复它,只需将Next.js更新为>=12.2.0版本。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install next@latest
票数 9
EN

Stack Overflow用户

发布于 2022-05-03 15:36:27

实际上我也有同样的问题/警告,

在我的例子中,我用上下文api在我的next.js应用程序中使用了“react”,并且经过了大量的搜索.

我发现问题来自:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
toast.configure() method

而且我在我的上下文api模块中使用它,并且我还发现正式的“react toastify”文档在与上下文api一起使用时,讨论了与此方法相关的一些问题,并且将该方法从新版本中删除。

以下是官方文档的链接:

https://fkhadra.github.io/react-toastify/migration-v9#toastconfigure-removal

最后,我使用以下步骤解决了问题:

1-从我的上下文api模块中删除toast.configure()。

2-我没有使用toast.configure(),而是在"_app“模块中使用了"ToastContainer”组件“只需定义它,吐司就会正常工作”,这是我的"_app.js模块“:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { useEffect } from 'react';
import '../styles/globals.css'
import 'bootstrap/dist/css/bootstrap.css';
import Nav from '../components/nav';
import Footer from '../components/footer'; 
import { AuthProvider } from '../my_utils/myContext/authcontext';



import { ToastContainer } from 'react-toastify';


function MyApp({ Component, pageProps }) {

    useEffect(() => {
        import ('bootstrap/dist/js/bootstrap.js')
        import ('react-toastify/dist/ReactToastify.css')
    }, []);


    return (
    <> 
    <AuthProvider> 
        <Nav />
        <div className="allButFooter ms-3 me-3"> 
            <Component {...pageProps} />
            <ToastContainer />

        </div>
        <Footer />
    </AuthProvider>
    </>
    )
}
export default MyApp

我不知道你的案子和我的案子一样,但我希望这对你有帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72093342

复制
相关文章
Scala 3 不再支持 XML 了吗?
前段时间,我为Scala 3提出了XML字面量语法提案,在社区中正在讨论。这个提案可能预示着 Scala 3、Scala.js和Binding.scala的未来前景。为什么这么说?还得先聊聊Scala目前在编程语言界的江湖地位是怎么来的。
ThoughtWorks
2019/07/09
1.1K0
Scala 3 不再支持 XML 了吗?
python3不再支持mysqldb 请
python3不再支持mysqldb 请用pymysql和mysql.connector
py3study
2020/01/06
4830
jQuery 2.0将不再支持IE 6/7/8
jQuery官方发布了下一阶段jQuery的路线图,该路线图显示jQuery 1.8将在一个月内发布,而其他后续版本的计划如下: jQuery 1.9 (early 2013): 该版本将移除所有在1
deepcc
2018/05/16
8210
Drools7.12不再支持workbench tomcat版本
Drools7.12不再支持workbench tomcat版本,在之前版本中还是存在着tomcat8版本的支持。
程序新视界
2022/05/09
4360
Drools7.12不再支持workbench tomcat版本
不再支持 IE,React 新特性详细解读
近日,React 18 已经正式发布了,带来了许多令人兴奋的新特性。在这个版本中,React 通过其改进的渲染系统带来了并发能力,并在此基础上构建了转换或自动批处理等性能增强特性。本文将介绍这些特性的机制,以及它们对 React 开发人员有哪些帮助。
深度学习与Python
2022/06/13
2K0
Gitlab 从 12.1 版本开始不再支持 MySQL
Gitlab 官方 宣布 ,将从 12.1 版本开始不再支持 MySQL 数据库。早在 2017 年 7 月,Gitlab 就计划将弃用对 MySQL 的支持。而目前这个决定将从 12.1 版本开始。
Debian中国
2020/01/21
9880
HHVM 3.24 正式发布:不再支持 PHP 5
HHVM 3.24 终于发布了,此版本包含新功能、错误修复、性能改进和对未来改进的支持工作。值得注意的是,HHVM 3.24 是支持 PHP 5 的最后一个版本,这包括对 PHP 5 扩展 (ext_zend_compat) 的源码级别兼容性。官方建议迁移到 Hack 或 PHP 7。
Debian中国
2018/12/20
4870
英伟达官宣:CUDA 将不再支持 macOS
内容提要:或许,今后我们再也看不到搭载英伟达显卡的新款苹果电脑了。英伟达在最近的一份说明文档中宣布,将停止 CUDA 对 macOS 的驱动支持。这意味着,苹果与英伟达合作中的最后一根纽带也将断裂。
HyperAI超神经
2019/11/29
2.9K0
Newbe.Mahua 2.0 不再仅仅支持 .Net
从 2017-03-31 发布 Newbe.CQP.Framework 先行版,到 2018-12-25 发布 Newbe.Mahua 1.15 版本为止。1.X 版本系列已经为 C# 开发者提供了近两年的良好开发体验。
newbe36524
2020/03/16
5240
jQuery 发布 2.0 版本,不再支持 IE 6/7/8
昨天,jQuery 的官方博客发布了一条重要信息:jQuery 2.0 Released。jQuery 推出了最新升级版 2.0,下面来结合官方的说明,介绍一下最新版的一些特性。
Denis
2023/04/15
1K0
WEB开发将不再重度依赖JS
Mozilla、谷歌、微软、苹果 4大浏览器一致通过了一个标准:WebAssembly WebAssembly 允许使用更多的语言来开发web应用,并且有接近原生应用的性能,使web开发不再重度依赖JS,同时性能极大的超越了JS WebAssembly 是什么? WebAssembly 是一个面向Web的 通用的 二进制和文本格式(二进制格式是用来运行的,文本格式是给人查看和调试的) 为各种语言定义一种统一的二进制编译格式,可在Web环境中执行,实现接近原生的速度,并可调用常见的硬件功能 意味着可
dys
2018/04/03
1.3K0
WEB开发将不再重度依赖JS
从Xcode10不再支持libstdc++说起
众所周知从Xcode10起,苹果摒弃了对libstdc++库的支持转而支持libc++库了。这两个库在Xcode9甚至更早的版本就已经同时存在于系统中并且可供开发者选择,当然在Xcode9时代苹果就已经宣布了将要废弃libstdc++的信息了。
欧阳大哥2013
2018/11/09
2.2K0
Angular 10 正式发布,不再支持 IE9/10!
Angular v10.0.0 正式发布了!这是跨越整个平台(包括框架、Angular Material 和 CLI)的一次主要版本更新。这次的新版发布间隔比以往短一些。自我们发布 Angular 9.0 版以来只过去了四个月。
逆锋起笔
2020/07/15
2.5K0
精读《不再需要 JS 做的 5 件事》
关注 JS 太久,会养成任何功能都用 JS 实现的习惯,而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好,我们要综合使用技术工具,而不是只依赖 JS。
黄子毅
2022/04/18
2.3K0
精读《不再需要 JS 做的 5 件事》
WEB开发将不再重度依赖JS【二】
前阶段写了一篇文章 "WEB开发将不再重度依赖JS",介绍了 WASM(WebAssembly),因为有了最新消息,所以写了这篇文章来分享 简单回顾一下 WASM 是什么 WASM(WebAssembly)是一个轻便的底层字节码技术,目标是以接近原生应用的速度运行WEB应用,并且可以支持Javascript以外的更多语言,因为不管是用哪种开发语言,最后都是编译成字节码,然后运行在WASM沙箱环境中 更多的介绍可以点击上面的链接查看 当时收到不少朋友的反馈,都对 WASM 不太抱希望,我也有同感,认为WASM
dys
2018/04/03
8570
关于github不再支持密码提交的解决方案
这里给了一个关于不支持密码的公告,以前没注意 https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations
QAIU
2023/03/14
5270
真的要说再见,PyTorch宣告不再支持Python2
Python2 是 Python 官方在 2000 年开源的 Python 新版本,但因为其自身的问题,导致 Python 官方几年内就推出了新的 Python3。出于保护开源社区的初衷,官方并没有强迫开发者升级,并继续给予 Python2 更新维护,因此 Python2 就一直苟延残喘到了今年。
机器之心
2019/09/26
5670
PHP 5.5正式发布,不再支持Windows XP和2003
经过半年多的开发,PHP 5.5.0正式版终于和大家见面了,该版本包含了大量的新功能和bug修复。
Denis
2023/04/15
4180
真的要说再见,PyTorch宣告不再支持Python2
Python2 是 Python 官方在 2000 年开源的 Python 新版本,但因为其自身的问题,导致 Python 官方几年内就推出了新的 Python3。出于保护开源社区的初衷,官方并没有强迫开发者升级,并继续给予 Python2 更新维护,因此 Python2 就一直苟延残喘到了今年。
磐创AI
2019/10/09
4000
React源码解析之ReactDOM.render()
一、React更新的方式有三种: (1)ReactDOM.render() || hydrate(ReactDOMServer渲染) (2)setState (3)forceUpdate
进击的小进进
2019/09/05
1.4K0
React源码解析之ReactDOM.render()

相似问题

警告: React 18中不再支持ReactDOM.render。

126

反对意见:在React 18中不再支持ReactDOM.render。

1467

"ReactDOM.render不再支持React 18“并没有消失

117

在React 18中不再支持解决ReactDOM.render,但是make用户选择器不再支持

12

警告:在React 18中不再支持ReactDOM.render。改用createRoot

219
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文