reaccionar optimización de código

1. Optimización de escritura de This.setState

this.setState ({valor: 1})

 En el pasado, cambiamos setState de esta manera. Ahora los parámetros de setState se pueden escribir en forma de función. El objeto se devuelve en la función. La ventaja de esto es que el rendimiento será mejor que antes.

this.setState(() => {
    return { value: 1}
})

Además, en ES6, puede usar () para ajustar el contenido que se devolverá, puede omitir la palabra clave return

Aquí puede ver que también tenemos un parámetro prevState. El significado de este parámetro es obviamente el estado que estamos a punto de cambiar, que es el mismo que nuestro this.state anterior, pero esto puede evitar que piense accidentalmente en el estado directamente. Estado, el principio es que React no permite cambiar directamente el estado de estado

2. vincular (esta) premisa     

Solíamos cambiar este punto en el método cuando el método estaba vinculado, pero una forma más estandarizada de escribir es decir que se lleva a cabo la operación de vincular este punto al constructor, lo que también puede mejorar el rendimiento del código.

Supongo que te gusta

Origin blog.csdn.net/promiseCao/article/details/88087105
Recomendado
Clasificación