无法解析来自 react firebase 对象的数据

Question

我有以下功能组件，它尝试使用 react-redux-firebase 库从我的 firebase 实时数据库中查询数据：

export default function Questions() {
    useFirebaseConnect([{ path: 'questions' }])

    const questionList = useSelector(state => state.firebase.data['questions'])

    for (var test in questionList) {
        // THIS WORKS
        var propValue = questionList['12342134234']['content']
        console.log(propValue)
    }
    // THIS RESULTS IN AN ERROR
    var propValue = questionList['12342134234']['content']
    console.log(propValue)

    }
}

现在，问题是，我无法直接访问 firebase 对象的值。当我遍历返回的对象时，我可以查看属性名称。但是，当我尝试直接访问这些属性时（通过 for 循环外的questionList[propName]），我的应用程序崩溃了，因为该值未定义。

将值记录到控制台，我得到：

我不明白为什么在 for 循环中执行 console.log(questionList['12342134234']) 可以工作，但是当我在外部执行时，我得到 undefined 并且我的应用程序崩溃了。这对我来说没有意义。

我也可以使用JSON.stringify() 读取对象，但是当我尝试使用JSON.parse() 解析它时，我得到SyntaxError: JSON Parse error: Unexpected identifier "undefined"。这是字符串化文本的输出：

我是否以正确的方式解决这个问题？我如何从这个返回的对象中获取各个属性值？

更新： 因此，当我执行以下操作时：

setTimeout(() => {
        // let parsedList = JSON.stringify(questionList, null, 2)
        // let parsed = JSON.parse(parsedList)
        console.log('BP: ', questionList['12342134234'])
    }, 6000)

我得到以下输出： 这意味着它可以工作一次，但也会崩溃。

Answer 1

一般是非对象数据造成的，需要先解析数据。

尝试使用JSON.parse，那么您应该可以直接访问这些值：

let parsedList = JSON.parse(questionList)
console.log(parsedList['12342134234'])

更新

当你得到 questionList 时，似乎它已经被解析了。

如果它与settimeout一起工作，那么firebase请求可能会导致问题，检查是否加载了问题数据：

import { isLoaded } from 'react-redux-firebase'`

...

const questionList = useSelector(state => state.firebase.data['questions'])

if (isLoaded(questionList)) {
  console.log('BP: ', questionList['12342134234'])
}