Next.js 13 中的动态 svg

问题描述 投票:0回答:0

简而言之:该组件在 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

我发现它呈现,如果我只放字符串而不是名称变量。

这是错误。似乎它能够以某种方式找到 src,但它不会呈现 svg。

next svg-react-loader
© www.soinside.com 2019 - 2024. All rights reserved.