reactjs - 使用 useFirestoreDocData 不呈现嵌套对象项

Question

我有一个从 firebase 收听的这种格式的对象。

{
 key1: val1,
 key2: {0: {key2_1: val2_1},1:{key2_2: val2_2}}
}

我正在使用 useFirestoreDocData 来监听更改，如下所示：

const ref = useFirestore().doc(docPath);
const { status, data } = useFirestoreDocData(ref);

if (status === 'loading') {
    return <LinearProgress />;
  }
else {
...
// render using data. 
}

这就是发生的事情：

当 val1 更改时，React 实时重新渲染没有问题。

但是，当 key2 中的字段发生变化时（在本例中为：val2_1），即使在我使用 console.log(data) 时打印了对象的更新版本，react 也不会重新呈现。

标签： reactjsfirebasereact-hooksreactfire