Estoy construyendo un pequeño componente de encuesta en React donde el usuario puede decidir si vota a favor o no entre las diferentes opciones. Los votos se registran en una tabla llamada "Encuesta" a través de Airtable El problema I ...

1
EsoMars 4 mar. 2021 a las 18:51

1 respuesta

La mejor respuesta

En ES6, la desestructuración nos permite optimizar nuestro código

Así que como ves

const {
         id, 
         fileds: { name, votes },
      } =item

Es equivalente a

item.id // some id
item.fileds.name // some name i
item.fields.votes // some votes

En su caso, destruye el elemento del objeto, pero los archivos siempre están en la forma clásica

Tu código debe ser

<h4>{fileds.name}</h4>
<p>{fileds.votes} votes</p>
2
Hello Earth 4 mar. 2021 a las 16:17