React.js: преобразовать строку в объект - PullRequest
Новая
       316

React.js: преобразовать строку в объект

1 голос
/ 04 июня 2019

Я использую реагирование для извлечения данных Json из API, однако API содержит ключ, объект которого отформатирован как String. Смотрите пример ниже: 

 user_category:"employee",
 user_info:"{"user_id":"55","user_age":"27","user_company":"tesla"}"

Чтобы получить доступ к пользовательской категории, я просто использую header с accessor, и значение отображается в таблице очень хорошо, однако у меня возникают трудности с доступом к строке user_info key, используя ее ключи и значения, используя что-то как это: 

 {
     Header: "User Id",
     accessor: "user_info.user_id"
   },
   {
     Header: "User Age",
     accessor: "user_info.user_age"
   },
   {
     Header: "User Company",
     accessor: "user_info.user_company"
   }

1 Ответ

2 голосов
/ 04 июня 2019

Странно, что сервер выполняет двойное кодирование объекта в JSON таким образом (кодирование внутреннего объекта, а затем кодирование всего объекта).

В идеале вы бы установили серверную часть, потому чтоони не имеют смысла, так как JSON прекрасно поддерживает вложенные объекты.

Если вам нужно решить проблему на клиенте, вы бы использовали JSON.parse , чтобы превратить строку в объект.

const atts = {
  user_category: "employee",
  user_info: "{"user_id":"55","user_age":"27","user_company":"tesla"}"
};

const userInfo = JSON.parse(atts.user_info);
...