Tengo una API JSON con 4 valores:
"indicadores": [ { "nome": "cdi", "valor": 9.15 }, { "nome": "ipca", "valor": 10.06 } ]Este es mi código actual:
class App extends Component { state= { nome: [], } async componentDidMount(){ const response = await api.get('/indicadores'); this.setState({ nome: response.data }); } render() { const { nome } = this.state; return ( . . . <Card.Text> {nome.map(nome => ( <div key={nome.nome}> <p>{nome.valor}</p> </div> ))} </Card.Text> . . .Este código funciona bien, pero muestra los dos valores (valor): 9.15 y 10.06. Lo que necesito es un código que solo muestre un valor, de modo que en una tarjeta muestre 9.15 y en la otra 10.06. ¿Cómo puedo hacer esto?
Regresa el map un elemento para hacer tarjetas:
{nome.map(nome => (<Card.Text key={nome.nome}> <div> <p>{nome.valor}</p> </div> </Card.Text> ))}