Resultado da Função é Exibido Em Diversas Linhas
17/10/2020
0
Preciso exibir o resultado da soma dos meus itens em apenas uma linha.
Fiz uma função para somar os valores dos de uma lista de objetos, o resultado da soma está dado certo porém ele precisa aparecer em apenas uma linha da minha tabela, agora ele está aparecendo em várias linhas.
Como posso resolver isso?
Obrigado!
Segue o código:
Fiz uma função para somar os valores dos de uma lista de objetos, o resultado da soma está dado certo porém ele precisa aparecer em apenas uma linha da minha tabela, agora ele está aparecendo em várias linhas.
Como posso resolver isso?
Obrigado!
Segue o código:
<Table striped bordered hover variant="dark">
<thead>
<tr>
<th>Resultado</th>
</tr>
</thead>
<tbody>
{
this.state.transacoes.map((item, indice) => {
var total = this.state.transacoes.reduce(getTotal, 0);
function getTotal(total, item) {
return total + (item.valor);
}
return (
<tr key=>
<td> </td>
</tr>
)
})
}
</tbody>
</Table>
Bruno Rosselli
Curtir tópico
+ 1
Responder
Clique aqui para fazer login e interagir na Comunidade :)