import React from 'react';
function Store({ produto, descrição }: { produto: string, descrição: string }) {
return (
<>
<h1>{produto}</h1>
<p>{descrição}</p>
</>
)
}
export default Store;
O componente acima está correto teoricamente, com base na aula. No entanto, atualmente, observo que em vários lugares as pessoas estão utilizando um estilo de componente diferente, como exemplificado a seguir
import React from 'react';
const Store: React.FC<{ produto: string, descrição: string }> = ({ produto, descrição }) => {
return (
<div>
<h1>{produto}</h1>
<p>{descrição}</p>
</div>
);
};
export default Store;