Utilice npm para manejar errores comunes
Npminstall-gcnpm-registry = carpeta;
Importar desde "antd" {form, input, select, check box, datepicker , columna, radio, botón, modal, mensaje}
const FormItem = Formulario. Proyecto
Por ejemplo, no es necesario cargar el formulario. Componentes del proyecto importados arriba; simplemente cargue el formulario;
(5) Si desea importar archivos en el paquete, puede usar rutas relativas directamente, como
' antd/dist; /antd .css '
(6) En el archivo principal main.js
El componente de la aplicación se usa para escribir rutas;
El componente Sider se usa para escribir enlaces, es decir, la página de lista de enlaces generalmente no se agregan: nbsp;
(7) Importar ReactDOM desde "react-dom"
(8) Implementación de animación
Paso 1: ¿Agregar esto al encabezado del archivo ahora? var reactcstransitiongroup = require(' reaccionar-addons-CSS-transition-group ');
¿O? var reactcstransitiongrop = reaccionar . addons . reactcstransitiongrop;
Paso 2: agregue esta etiqueta al elemento que desea animar.
TransitionName representa el nombre de la animación;
Paso 3: Escribe el estilo css;
. Ejemplo - Ingresar - "El proceso primero se convirtió en el estilo aquí.
. Ejemplo - Entrada - ¿Actividad? - "Finalmente cambió al estilo aquí.
. example-leave-El estilo aquí es el estilo de la clase example-enter-active, por lo que generalmente no es necesario agregar estilos aquí; solo agregue transiciones;
. Ejemplo: ¿mantener con vida? ——"El proceso de eliminación de elementos se convierte en este estilo.
. Ejemplo: entrada {
Opacidad: 0;
Tamaño de fuente: 32px
Color: rojo;
Transición: todo 1 degradado;
}
p>
Opacidad: 1; p>font-size: 12px;
}
Ejemplo: vacaciones{
Transición: todo 1 degradado
Color: rojo;
}
.
example-leave . example-leave-active
Tamaño de fuente: 32px
Opacidad: 0;
Color: rojo;
}
(9) Obtener la matriz; matriz de operandos
var bvaue = " sdf
1: Agregar elementos a la matriz
1 : var nuevos elementos = este . estado . elementos;
nuevos elementos . push(bva UE); p>2: var new items = this . state . push(bva UE); - "Aquí está el valor de longitud (enfoque incorrecto);
2: Eliminar elementos en la matriz
var nuevos elementos = this . state . elementos;
newItems.splice(i, 1);
this . setstate({ elementos: nuevos elementos });
p>(3) Archivo-->no puedo encontrar este o aquel archivo; vuelva a seleccionar el archivo de proyecto más interno en la carpeta del editor.
Npm i node_module -save-dev actualiza automáticamente el valor del campo devDependencies (paquete de dependencia de desarrollo).
* npm i node_module -save actualiza automáticamente el valor del campo de dependencia (publicando el paquete de dependencia).