nextjs中的懒加载

import React, {useState} from ‘react‘
//删除import moment
function Time(){

    const [nowTime,setTime] = useState(Date.now())

    const changeTime= async ()=>{ //把方法变成异步模式
        const moment = await import(‘moment‘) //等待moment加载完成
        setTime(moment.default(Date.now()).format()) //注意使用defalut
    }
    return (
        <>
            
显示时间为:{nowTime}
            
改变时间格式
        
    )
}
export default Time

import React, {useState} from ‘react‘
import dynamic from ‘next/dynamic‘

const One = dynamic(import(‘../components/one‘))

function Time(){

    const [nowTime,setTime] = useState(Date.now())

    const changeTime= async ()=>{
        const moment = await import(‘moment‘)

        setTime(moment.default(Date.now()).format())
    }
    return (
        <>
            
显示时间为:{nowTime}
            
            
改变时间格式
        
    )
}
export default Time