Concepto de React: Pureza

¿Qué es la pureza, una función pura y un componente puro?

En JavaScript, cuando una función no muta objetos sino que simplemente devuelve un nuevo objeto, se denomina función pura.

Una función o un método, para ser llamado puro , no debe causar efectos secundarios y debe devolver la misma salida cuando se llama varias veces con la misma entrada.

Una función pura toma una entrada y devuelve una salida sin cambiar la entrada ni nada más.

Su salida solo está determinada por los argumentos. Puedes llamar a esta función 1 millón de veces y, dado el mismo conjunto de argumentos, la salida siempre será la misma.

React aplica este concepto a los componentes. Un componente de React es un componente puro cuando su salida depende únicamente de sus propiedades.

Todos los componentes de la función son componentes puros:

const Button = props = { return button{props.message}/button}

Los componentes de clase pueden ser puros si su salida solo depende de las propiedades:

class Button extends React.Component { render() { return button{this.props.message}/button }}

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Concepto de React: Pureza

En JavaScript, cuando una función no muta objetos sino que simplemente devuelve un nuevo objeto, se denomina función pura. ¿Qué es la pureza, una función

programar

es

2025-01-17

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente