Cum să cartografiere un obiect?

voturi
0

Am o problemă, vreau să cartografiere un obiect de răspuns la matrice, cartografiere basicly este folosi în cazul în care răspunsul este matrice prea astfel încât, în acest caz, răspunsul meu de la server este un obiect Hwo pentru cartografiere asta?

răspunsul de la server

{
    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
    }
}

stat

this.state = {
   post : []
}

ma astept post.map cant astfel încât i se poate utiliza acction șterge sau actualiza vămulțumim

Întrebat 09/10/2019 la 13:02
sursa de către utilizator
În alte limbi...                            


3 răspunsuri

voturi
0

Oh, cu cazul tău. Tu doar faci așa (ES6):

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

Acum, this.state.post va fi:

[
    {
        "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"
    }
]
Publicat 09/10/2019 la 13:58
sursa de către utilizator

voturi
0

După obținerea răspunsului puteți stoca răspuns în post matrice folosind setstate.

this.setState({post2:response})
Publicat 09/10/2019 la 13:27
sursa de către utilizator

voturi
0

Dacă doriți să convertiți obiect la o matrice, aveți următoarele opțiuni:

1) Object.values(post.response)vă va da valorile obiectului ca o matrice.

2) Object.keys(post.response)vă va da cheile obiectului ca o matrice.

3) Object.entries(post.response)vă va da o matrice în cazul în care fiecare element este o matrice constând din cheie și valoare.

Deci, în schimb, puteți face acest lucru:

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>

În acest fel puteți defini în mod dinamic coloanele bazate pe proprietățile obiectului și de ieșire valorile respective.

Publicat 09/10/2019 la 13:12
sursa de către utilizator

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