如何在反應中訪問 json object 中的密鑰

Question

我在 json 形式下得到 object。 我只想從下面的 object 訪問用戶密鑰。 我嘗試解構 object 但沒有得到預期值；

  const logg=window.localStorage.getItem("userInfo");
 const {user}=logg;
 console.log(user);
console.log(logg.user);
console.log(logg);

{"success":true,"user":{"avatar":{"public_id":"avatars/laqmzy3nuqa5vl7awprh","url":"https://res.cloudinary.com/randomID/image/upload/v1659523730/avatars/laqmzy3nuqa5vl7awprh.jpg"},"_id":"62ea5294ff799046c8173fef","name":"sumit khatri","email":"ss@sss.com","password":"$2a$10$nSK2JqUSCdVGIVVBzo1IDerU3jrNFfHRDBESV0Ql6y.vWohZiugEG","role":"admin","createdAt":"2022-08-03T10:48:52.355Z","__v":0},"token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyZWE1Mjk0ZmY3OTkwNDZjODE3M2ZlZiIsImlhdCI6MTY1OTUyNzM1NCwiZXhwIjoxNjU5OTU5MzU0fQ.TLJYRAm83qQuLVhVkIqYK0u7WetCm9Hn376VvEPX1Ig"}

Answer 1

該項目是字符串格式嘗試 JSON 解析它const {user}=JSON.parse(yourString)

Answer 2

對於您在 Q 底部實際發布的數據，這將是一個簡單的取消引用：

 const logg = {"success":true,"user":{"avatar":{"public_id":"avatars/laqmzy3nuqa5vl7awprh","url":"https://res.cloudinary.com/randomID/image/upload/v1659523730/avatars/laqmzy3nuqa5vl7awprh.jpg"},"_id":"62ea5294ff799046c8173fef","name":"sumit khatri","email":"ss@sss.com","password":"$2a$10$nSK2JqUSCdVGIVVBzo1IDerU3jrNFfHRDBESV0Ql6y.vWohZiugEG","role":"admin","createdAt":"2022-08-03T10:48:52.355Z","__v":0},"token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyZWE1Mjk0ZmY3OTkwNDZjODE3M2ZlZiIsImlhdCI6MTY1OTUyNzM1NCwiZXhwIjoxNjU5OTU5MzU0fQ.TLJYRAm83qQuLVhVkIqYK0u7WetCm9Hn376VvEPX1Ig"}; const user = logg.user; console.log(user);

但是如果它仍然像阿拉說的那樣是字符串形式，那么你需要這樣做：

 const logg = '{"success":true,"user":{"avatar":{"public_id":"avatars/laqmzy3nuqa5vl7awprh","url":"https://res.cloudinary.com/randomID/image/upload/v1659523730/avatars/laqmzy3nuqa5vl7awprh.jpg"},"_id":"62ea5294ff799046c8173fef","name":"sumit khatri","email":"ss@sss.com","password":"$2a$10$nSK2JqUSCdVGIVVBzo1IDerU3jrNFfHRDBESV0Ql6y.vWohZiugEG","role":"admin","createdAt":"2022-08-03T10:48:52.355Z","__v":0},"token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyZWE1Mjk0ZmY3OTkwNDZjODE3M2ZlZiIsImlhdCI6MTY1OTUyNzM1NCwiZXhwIjoxNjU5OTU5MzU0fQ.TLJYRAm83qQuLVhVkIqYK0u7WetCm9Hn376VvEPX1Ig"}'; const user = JSON.parse(logg).user; console.log(user);