estoy aprendiendo React pero me surgió una duda al llegar a la parte de los PropTypes y de los eventos del DOM y es por el hecho de definir métodos tanto normales como estáticos de manera que parecen una variable, me explico mejor:
en vanilla javascript un metodo normal o estático de una clase se escribe de esta manera
class Automovil{
constructor(marca,color){
this.marca = marca;
this.color = color;
}
metodoNormal(){
console.log(`la marca es ${marca} y el color es ${color}`)
}
static metodoEstatico(){
console.log('este es un metodo estatico');
}
}
ok. hasta este punto bien, no hay problema esto lo conoce todo el mundo pero porqué con React cambia la cosa? osea de la siguiente manera:
class Automovil extends Component{
// mi duda es aqui
handleClick = (event) =>
console.log('hola!!')
// y aqui
static propTypes = {
nombre: PropTypes.string
}
render(){
return (
<div>
<h1>{this.props.nombre}</h1>
<button onClick={this.handleClick}>click me!</button>
</div>
)
}
}
Porqué se puede asignar metodos de esa manera dentro de un componente de React?? MyMethod = (event) => lo que sea
sé que se puede usar .bind(this)
para cada método en el constructor de un componente, pero en caso de no querer "bindear a cada rato" un método se usan las arrow functions.
Para resumir mi pregunta: esa sintaxis es unica de React?? el hecho de poder hacer myMethod = función
dentro de una clase, y que esto mismo en vanilla JS da error, y lo mismo con los métodos estáticos, static metodo = lo que sea
pero en vanilla JS da error static metodo = lo que sea
tendría que ser static metodo(){lo que sea}
sé que esta pregunta parece un poco obvia pero es que me surge esa duda de porqué la notación cambia en React si se supone que es JavaScript prácticamente.
gracias de antemano y gracias por leer todo