React setState未在firestore中执行添加文档承诺解析
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React setState未在firestore中执行添加文档承诺解析相关的知识，希望对你有一定的参考价值。
我将一个项目列表存储为firestore集合中的文档。当新项目添加到列表中时，它们将存储在组件状态中的单独变量中，但与已保存到firestore的项目数组合并。
只有在调用保存它们的手动调用时，才会将文档添加到firestore集合中。调用save调用时调用的逻辑如下：
if (this.state.unsavedNoteItems.length){
let items = this.state.unsavedNoteItems.map(item => item) //make a local copy of unsaved items
this.setState({unsavedNoteItems:[]}) //clear unsaved items array in component state
items.map(item => {
docRef.collection('items').add(item)
.then(doc => {
console.log("item saved: ", doc.id)
//if item was added successfully, merge it into note Items
this.setState((pState) => {noteItems: [...pState.noteItems,item]})
console.log('state was set', item)
})
.catch(error => {
console.log("Error: ", error)
//if item add failed, put is back in unsavedNoteItems list
this.setState((pState) => {unsavedNoteItems: [...pState.unsavedNoteItems,item]})
})
})
}
在添加项目后的解析器中，this.setState不会更新UI，即使更改已持续存在。
我通过创建查询快照解决了这个问题，但想要了解为什么setState调用不更新UI。有任何想法吗？
答案
(pState) => {noteItems: [...pState.noteItems,item]}这里{ }不是一个对象字面值，而是一个块语句。
const iReturnUndefined = value => {a: value}
const iReturnObject = value => ({a: value})
console.log(iReturnUndefined('a'))
console.log(iReturnObject('a'))以上是关于React setState未在firestore中执行添加文档承诺解析的主要内容，如果未能解决你的问题，请参考以下文章