- Describir propTypes
npm i --save prop-types
Componente.propTypes = {
}
// embeber funciones en jsx
testJSX() {
return <h1>test embed</h1>
}
// condicionales
{isLoggedIn ? (
) : (
)}
// eventos
<button onClick={(e) => this.deleteRow(id, e)}>Delete Row <button onClick={this.deleteRow.bind(this, id)}>Delete Row
// condicionales
true && expression
/* ciclo de vida
constructor(){ // Enlazo (bind) eventos y/o inicializo estado } componentWillMount(){ // Se ejecuta antes de montar el componente // Se podría usar para hacer un setState() } render(){ // Contiene todos los elementos a renderizar // podrías usarlo para calcular propiedades (ej: concatenar una cadena) } componentDidMount(){ //Solo se lanza una vez //Ideal para llamar a una API, hacer un setInteval, etc }
//Actualización:
componentWillReceiveProps(){
//Es llamado cuando el componente recibe nuevas propiedades.
}
shouldComponentUpdate(){
//Idea para poner una condición y si las propiedades que le llegaron anteriormente
// eran las mismas que tenia retornar false para evitar re-renderear el componente
}
componentWillUpdate(){
//metodo llamado antes de re-renderizar el componente si shouldComponentUpdate devolvió true
}
// re-render si es necesario...
componentDidUpdate(){
//Método llamado luego del re-render
}
componentWillUnmount(){
//Método llamado antes de desmontar el componente
}
componentDidCatch(){
// Si ocurre algún error, lo capturo desde acá:
}
*/