對象屬性總是返回 undefined

Question

我有帶有構造函數的反應組件：

constructor(props) {
    super(props);
    console.log(props.user);
    console.log(props.user.email);
}

輸出：

{"id":7,"email":"some@mail.ru","locale":"en","hp":100,"created_at":"2017-10-10T20:42:04.677Z","updated_at":"2017-10-10T21:35:22.297Z"}

undefined

Answer 1

props.user是一個 JSON 字符串，而不是一個 javascript 對象。 您需要先解析它，然后再訪問子屬性。

constructor(props) {
    super(props);
    console.log(props.user);
    const user = JSON.parse(props.user);
    console.log(user.email);
}