estou tentando algumas formas mas não funciona, coloquei uma string no console.log pra confirmar. mas não vai, esse é o componente com um button, tentei chamar com o onClick mas nao deu certo
class CardProduto extends React.Component {
render() {
return (
<ContainerProduto>
<img src={this.props.urlImagem} alt={"imagem-produto"} />
<p>{this.props.nome}</p>
<p>{this.props.preco}</p>
<button onClick={this.props.adiciona} >Adicionar ao
Carrinho</button>
</ContainerProduto>
);
}
}
export default CardProduto;```
>esse é o componente pai
```import React from 'react';
import CardProduto from './components/CardProduto.js'
class App extends React.Component {
state = {
produtos: [
{
imagem: "https://picsum.photos/300/150?a=1",
nome: "Item A",
preco: 199.00,
adiciona: false
},
],
}
adicionaProdutoAoCarrinho = () => {
console.log("Adiciona ao Carrinho",this.state.adiciona)
}
render() {
const listaProdutos = this.state.produtos.map (produto => {
return (
<CardProduto key = {produto.nome}
urlImagem={produto.imagem}
nome={produto.nome}
preco={produto.preco}
adiciona={produto.adiciona}
/>
)
})
return (
<div>
<div>
<p>
</p>
</div>
<div>{listaProdutos}</div>
</div>
);
}
}
export default App;```
> criei essa função adicionaProdutoAoCarrinho, pra sinalizar quando o botão receber um click. daí o o produto seria add ao carrinho e tals