pila de tecnología
Reaccionar / Diseño de hormigas Pro
fondo
La primera vez que usa antd pro para desarrollar, necesita personalizar un componente comercial global,
pregunta
Cree un componente en src/components de acuerdo con el proyecto original, exporte el ComponentName predeterminado y luego introduzca import { ComponentName } from 'components' in pages , por lo que el error Advertencia: React.createElement: el tipo no es válido: se esperaba una cadena (para build - en componentes) o una clase/función (para componentes compuestos) pero obtuvo: indefinido. Probablemente olvidó exportar su componente desde el archivo en el que está definido, o puede haber mezclado importaciones predeterminadas y con nombre. Verifique que este sea un módulo ES6
para el problema de la exportación e importación, revisé y comparé cuidadosamente la exportación e importación de otros componentes comerciales. Todos hicieron esto. Realmente no puedo resolverlo ~
Vea esta publicación: https://www.cnblogs.com/wind-wang/p/9453167.html
¡Finalmente solucionado! ¡Gracias al blog original!
Solución
Componentes:
import React from 'react'
const TextEditor = ({
data }) => {
return (
<div>
我是个组件~
</div>
)
}
export default TextEditor
Componentes de importación de página:
import ComponentName from 'components/TextEditor';
Al final,
todavía no he descubierto por qué los errores de exportación e importación se informaron en el proyecto original (está seco...)
Porque no tengo ningún problema de la misma manera en los componentes de las páginas~~~~~~~~
Oye, tengo que estudiar bien ES6 (llorar, llorar, llorar~~~~)