Next.js: __next div 导致 css 样式失败

【问题标题】：Next.js: __next div causing css style failureNext.js: __next div 导致 css 样式失败
【发布时间】：2020-04-23 05:50:34
【问题描述】：

我正在尝试将我的旧静态 HTML 项目移动到 Next.js，但额外的

<div id="__next">

正在阻止我的 css 样式表中的某些类（例如 body > section）。

我尝试在检查模式下删除额外的 div，它可以工作。只是想知道如何从渲染中删除它？非常感谢。

【问题讨论】：

【解决方案1】：

对于基于类的 react（也可以在构造函数中使用，componentWillMount 将被弃用）

componentWillMount() {
    let tar = document.getElementById('__next');
    tar.parentNode.innerHTML = tar.children[0].innerHTML;
 }

对于react hook（功能组件）

useEffect(()=>{
        let tar = document.getElementById('__next');
        tar.parentNode.innerHTML = tar.children[0].innerHTML;
    })

【讨论】：