Sobre a afirmação: "Exatamente! O destructuring de props é uma técnica que nos permite extrair valores específicos de um objeto (no caso, as props passadas para o componente) de forma mais simples e legível. Isso torna o nosso código mais limpo e fácil de entender, além de facilitar o trabalho com as props no componente. É uma técnica bastante utilizada em componentes React e é uma boa prática a ser seguida"
// código no stackblitz https://stackblitz.com/edit/react-ts-ejvnqy?file=App.tsx
// --> DESESTRUTURAÇÃO JS
const Titulo = ({ titulo, subtitulo }) => {
return (
<div>
<h1>{titulo}</h1>
<h2>{subtitulo}</h2>
</div>
);
};
export default Titulo;// --> PORÉM ME AGRADA MUITO MAIS AOS ESSE FORMATO EM TS
interface ITitulo {
titulo: string,
subtitulo: string
}
const Titulo = (props: ITitulo) => {
return (
<div>
<h1>{props.titulo}</h1>
<h2>{props.subtitulo}</h2>
</div>
);
};
export default Titulo;// --> COMPONENT
export const App = () => {
return (
<Titulo titulo={"Cafe Hoje"} subtitulo={"R$2,00"} />
)
}O que voces acham? Desestruturação faz sentido em ts ?
