小编siv*_*iva的帖子

如何解决 Nextjs 中的反应水合错误

我使用 WordPress REST API 创建了小型 nextjs 页面,现在react-Hydration-error错误显示此页面。我正在使用react html解析器npm。我该如何解决这个错误。你能解决这个错误吗?

我的代码:

import Image from 'next/image'
import React ,{Component}from 'react'
import Link from 'next/link';
import { BiCalendar } from "react-icons/bi";
import ReactHtmlParser from 'react-html-parser'; 

export default class Blog extends Component{
    constructor(props){
        super(props);
        this.state={
        data: props.bloglist,
        isLoading: true,
        dataLoaded: false,
        };
       
    }
render(){
    if (!this.state.data) {
        return null;
      }
    console.log(this.state.data)
    return( 
        <>
        <div className="container blog-section">
            <div className='row'>
                <h2>Latest Posts</h2>
            </div>
            <div className='row'>
                {
                    this.state.data.map(((x,i) =>(
                        <div className='col-md-4 boxs text-center' key={i}>
                            
                            <div className='bg-info'> …
Run Code Online (Sandbox Code Playgroud)

reactjs next.js

12
推荐指数
4
解决办法
5万
查看次数

标签 统计

next.js ×1

reactjs ×1