Voy a usar la importación dinámica cuando necesite traer muchos componentes. En esta situación, ¿es posible usar el bucle 'for'?
import dynamic from "next/dynamic"; let Dynamic = []; for (let i = 1; i < 80; i++) { const DynamicComponent = dynamic(() => import(`../src/Templates/BlendyTemplate${i}`) ); Dynamic.push(DynamicComponent); } //this is just example.. const Home = () =>{ const [state,setState] = useState(0); let DynamicComponents = Dynamic[state] return <div> <button onClick={()=>{setState(state+1)}} <DynamicComponents/></div> } export default Home;No, no puedes generar la ruta dinámicamente:
Nota: En import('ruta/al/componente'), la ruta debe escribirse explícitamente. No puede ser una cadena de plantilla ni una variable. Además, la importación () debe estar dentro de la llamada dinámica () para que Next.js pueda hacer coincidir los paquetes de paquetes web / ID de módulos con la llamada dinámica () específica y precargarlos antes de renderizar. dynamic() no se puede usar dentro de la representación de React, ya que debe marcarse en el nivel superior del módulo para que funcione la carga previa, similar a React.lazy.