Fiquei meio confuso em como nomear isso aqui:
<input placeholder={props.placeholder}/>
no caso o placeholder ou qualquer outro elemento que receba um valor, como é no HTML mesmo.
no HTML o placeholder é atributo e no JSX é propriedade?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Fiquei meio confuso em como nomear isso aqui:
<input placeholder={props.placeholder}/>
no caso o placeholder ou qualquer outro elemento que receba um valor, como é no HTML mesmo.
no HTML o placeholder é atributo e no JSX é propriedade?
Oi Rian!
No HTML "tradicional'', usamos atributos para definir características dos elementos. Por exemplo, placeholder, class, id, etc., são todos atributos de um elemento HTML.
No JSX, esses atributos são chamados de propriedades/props. Quando você escreve algo como <input placeholder={props.placeholder} />, você está passando uma propriedade para o componente input.
function MeuComponente(props) {
return <input placeholder={props.placeholder} />;
}
Aqui, placeholder é uma propriedade do componente React. Então, sim, no HTML tradicional, chamamos de atributos, mas no JSX, chamamos de propriedades.
Para facilitar, pense assim:
placeholder="Digite seu nome")placeholder={props.placeholder})Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!