Comment cartographier un objet?

voix
0

J'ai un problème, je veux cartographier un objet de la réponse à la matrice, la cartographie est basiquement utiliser si la réponse est un tableau trop dans ce cas ma réponse du serveur est un objet hwo de mappage?

réponse du serveur

{
    responseCode: 00,
    message: Process successful. ,
    localMessage: Proses Berhasil.,
    response: {
        username: admin,
        firstName: admin,
        middleName: is,
        lastName: admin,
        password: fZE+K9bKasdsaASDJbfFw==,
        effectiveDate: 25-01-2019 07:00:00,
        expiredDate: 25-01-2021 07:00:00,
        phone: 082233051157,
        email: asdasdasn@gmail.com
    }
}

Etat

this.state = {
   post : []
}

Je ne peux pas attendre post.map pour que je puisse utiliser le acction supprimer ou mettre à jour thankyou

Créé 09/10/2019 à 13:02
source utilisateur
Dans d'autres langues...                            


3 réponses

voix
0

Oh, avec votre cas. Vous faites comme ça (ES6):

const result = [ response.data.response ]
this.setState ({
   post : result
}) 

Maintenant, this.state.post sera:

[
    {
        "username": "admin",
        "firstName": "admin",
        "middleName": "is",
        "lastName": "admin",
        "password": "fZE+K9bKasdsaASDJbfFw==",
        "effectiveDate": "25-01-2019 07:00:00",
        "expiredDate": "25-01-2021 07:00:00",
        "phone": "082233051157",
        "email": "asdasdasn@gmail.com"
    }
]
Créé 09/10/2019 à 13:58
source utilisateur

voix
0

Après avoir obtenu une réponse, vous pouvez stocker la réponse dans le tableau de poste en utilisant setstate.

this.setState({post2:response})
Créé 09/10/2019 à 13:27
source utilisateur

voix
0

Si vous voulez convertir l'objet d'un tableau, vous disposez des options suivantes:

1) Object.values(post.response)vous donnera les valeurs de l'objet comme un tableau.

2) Object.keys(post.response)vous donnera les clés de l'objet comme un tableau.

3) Object.entries(post.response)vous donnera un tableau où chaque élément est un tableau constitué de la clé et la valeur.

Ainsi, vous pouvez le faire à la place:

Object.keys(response).map( heading =>
<tr>
 <th scope="row">
  <Media className="align-items-center">
   <Media>
    <span className="badge-dot mr-4">
     {heading}
    </span>
   </Media>
  </Media>
 </th>
<td scope="row">
  <Media className="align-items-center">
   <Media>
    <span className="badge-dot mr-4">
     {response[heading]}
    </span>
   </Media>
  </Media>
 </td>

De cette façon, vous pouvez définir dynamiquement les colonnes en fonction des propriétés de l'objet et la sortie des valeurs respectives.

Créé 09/10/2019 à 13:12
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more