我已经使用Connect组件已有一段时间了。至此,它一直都可以正常工作,但是最近我开始遇到一个以前没有得到的组件错误。下面是代码:
const onNewRecord = (prevQuery, newData) => {
let updatedQuery = {...prevQuery};
const updatedRecordsList = [
newData.onCreateRecords,
...prevQuery.listRecordss.items
]
updatedQuery.listRecordss.items = updatedRecordsList;
return updatedQuery;
}
<Connect
query={graphqlOperation(listRecordss)}
subscription={graphqlOperation(onCreateRecords)}
onSubscriptionMsg={onNewRecord}
>
{({data, loading, error}) => {
if (loading) return "Loading"
if (error) return "Error"
const ListRecord = data.listRecordss.items
console.log('ListRecord', this.props.patientId)
console.log('ListRecord', ListRecord.map((rest) => (rest.file.key
)))
return <div><MUIDataTable
title={"Leistungen"}
data={ ListRecord.map((rest) => (
...
))}
columns={columns}
options={options}
/>
</div>
}}
</Connect>
现在,当我执行突变时,表格会返回2个结果,它们都相同而不是一个,几秒钟后它会返回错误
prevQuery.listRecordss is undefined
所以问题似乎来自onNewRecord
,但我无法弄清楚。谁能帮我这个?
谢谢!