Red de conocimientos turísticos - Información de alquiler - Utilice npm para manejar errores comunes

Utilice npm para manejar errores comunes

(1) Reemplazar npm como fuente de Taobao (espejo de Taobao)

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).