Estou usando a versão 16.12.0
do react. Eu possuo um component funcional chamado Card
e gostaria de inserir html dentro dele (gostaria de não mudar o código fonte dele).
Card:
function Card ({cardHeader, cardBody, cardDescription}){
return (
<>
<div className="card">
<div className="card-header">
<h1>{cardHeader}</h1>
<p>{cardDescription}</p>
</div>
<div className="card-body">
{cardBody}
</div>
</div>
</>
)}
E gostaria de passar o html a mais pra dentro desse componente da seguinte forma:
<Card cardHeader={cardTitle} cardBody={object} >
<div className="card-close">
...
</div>
</Card>
Dessa forma, nos outros lugares que usam o component do card, não vão precisar de adaptações. Alguma idea ?