javascript - react .js : convert string to an object

Question

我正在使用 React 从 API 获取 Json 数据，但是，该 API 包含一个键，该键具有一个格式化为字符串的对象。请参见下面的示例:

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

要访问用户类别，我只需使用带有访问器的header，值就可以很好地显示在表中，但是我无法访问user_info key String 使用它的键和值使用像这样的东西:

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

Answer 1

奇怪的是，服务器像那样将对象双重编码为​​ 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);