简而言之:该组件在 Next.js v12 中工作,但在 Next.js v13 中不工作
import React, { FC } from 'react'
import dynamic from 'next/dynamic'
// const DynamicComponent = (name:string) => dynamic(() => import(`/public/assets/svg/github.svg`))
const DynamicComponent = (name: string) => dynamic(() => import(`/public/assets/svg/${name}.svg`));
const Asvg:FC<any> = ({ name, ...props}) => {
let Icon = DynamicComponent(name)
return (
<Icon {...props}/>
)
}
export default Asvg
我发现它呈现,如果我只放字符串而不是名称变量。