使用aws <Connect />时,prevQuery是未定义的错误

时间:2019-06-03 12:11:26

标签: reactjs aws-amplify aws-appsync

我已经使用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,但我无法弄清楚。谁能帮我这个? 谢谢!

0 个答案:

没有答案