Как отображение объекта?

голоса
0

У меня есть проблема, я хочу отображение объекта в ответ на массив, пояснит отображение используется, если ответ массив тоже так что в этом случае моего ответа от сервера является объектом HWO для отображения, что?

ответ от сервера

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

государство

this.state = {
   post : []
}

я ожидаю косяк post.map, так что я могу использовать acction удалить или обновить большое спасибо

Задан 09/10/2019 в 13:02
источник пользователем
На других языках...                            


3 ответов

голоса
0

О, ваше дело. Вы просто сделать, как это (ES6):

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

Теперь, this.state.post будет:

[
    {
        "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"
    }
]
Ответил 09/10/2019 в 13:58
источник пользователем

голоса
0

После получения ответа вы можете хранить отклик в почтовом массиве с помощью SetState.

this.setState({post2:response})
Ответил 09/10/2019 в 13:27
источник пользователем

голоса
0

Если вы хотите, чтобы преобразовать объект в массив, у вас есть следующие варианты:

1) Object.values(post.response)даст вам значение объекта в виде массива.

2) Object.keys(post.response)даст вам ключи от объекта в виде массива.

3) Object.entries(post.response)даст вам массив , где каждый элемент представляет собой массив , состоящий из ключа и значения.

Поэтому вместо того, вы можете сделать это:

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>

Таким образом, вы можете динамически определить столбцы, основанные на свойствах объектов и выводить соответствующие значения.

Ответил 09/10/2019 в 13:12
источник пользователем

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