Reactjs 如何访问firestore数据库查询返回的数据？

我正在创建一个函数，根据输入框中输入的名称查询firestore数据库，并返回一些数据。现在，我的查询工作并登录到控制台。问题是我在访问这些数据时遇到了很多麻烦，所以我可以将其呈现到DOM上。访问此数据的最佳方式是什么

我已经使用以下代码将整个数据库呈现到DOM上=>

const mapStateToProps = (state) => {
    console.log(state.firestore.queries)
    return {
        dogs: state.firestore.ordered.dogs,
        auth: state.firebase.auth
    }
}


export default compose(
    connect(mapStateToProps, mapDispatchToProps),
    firestoreConnect(() => {
        return [
            {
                collection: 'dogs',
            }

        ]
    })
)(ManageDogs)

但当我按如下方式构造firestoreConnect函数时=>

export default compose(
    connect(mapStateToProps, mapDispatchToProps),
    firestoreConnect(() => {
        return [
            {
                collection: 'dogs',
                where: ['name', '==', 'Fido']
            }

        ]
    })
)(ManageDogs)

查询记录到控制台，如下所示=>

{status: {…}, data: {…}, ordered: {…}, listeners: {…}, errors: {…}, …}
composite: {dogs: {…}}
data: {dogs: {…}}
errors: {byQuery: {…}, allIds: Array(0)}
listeners: {byId: {…}, allIds: Array(2)}
ordered: {dogs: Array(4)}
queries:
    dogs?where=name:==:Fido: {data: {…}, collection: "dogs", where: Array(3)}
__proto__: Object
status: {requesting: {…}, requested: {…}, timestamps: {…}}
__proto__: Object

查询的数据以值状态结束。firestore.querys.dogs？where=name:==：Fido，但当我尝试在MapStateTops中使用此路径时，它返回一个未定义的值

访问此数据的最佳方式是什么？以前有人处理过这个问题吗？是否有更好的方法查询firestore数据库