Javascript React.js:将字符串转换为对象

Javascript React.js:将字符串转换为对象,javascript,reactjs,react-table,Javascript,Reactjs,React Table,我使用react从API获取Json数据,但是,API包含一个键,该键的对象格式为字符串。见下例: user_category:"employee", user_info:"{"user_id":"55","user_age":"27","user_company":"tesla"}" 要访问用户类别,我只需使用带有访问器的标题,表上的值显示得很好,但是我很难使用其键和值访问用户信息键字符串,例如: { Header: "User Id", accessor: "us

我使用react从API获取Json数据,但是,API包含一个键,该键的对象格式为字符串。见下例:

 user_category:"employee",
 user_info:"{"user_id":"55","user_age":"27","user_company":"tesla"}"
要访问用户类别,我只需使用带有
访问器的
标题
,表上的值显示得很好,但是我很难使用其键和值访问用户信息键字符串,例如:

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

奇怪的是,服务器将对象双重编码为JSON(对内部对象进行编码,然后对整个对象进行编码)

理想情况下,您应该修复服务器端,因为它们所做的没有意义,因为JSON对嵌套对象的支持很好

如果必须在客户机上解决问题,可以使用将字符串转换为对象

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

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

我确信我可以将响应封装在atts常量中,因为它是直接从服务器加载的…对。所以我对React不太熟悉,但您可能需要创建一个函数来接收
user\u info
(在道具、数据或其他东西中)并进行解析。