我有一个查询，它让我得到一个笔记列表和一个订阅，它通过改变查询来监听和插入新的笔记。但是问题是没有添加第一个注释。
因此，让我添加更多细节，最初的查询响应包含一个名为 notes 的属性的对象，该属性是一个长度为 0 的数组，如果我们尝试添加一个 note，则该属性将被删除。注释已创建，因此如果我刷新我的应用程序，查询将返回注释，然后如果我尝试再次添加注释，则注释将添加到查询对象中的数组中。
这是我的笔记容器，我在其中查询笔记并创建一个新属性以订阅更多笔记。
export const NotesDataContainer = component => graphql(NotesQuery,{
name: 'notes',
props: props => {
console.log(props); // props.notes.notes is undefined on first note added when none exists.
return {
...props,
subscribeToNewNotes: () => {
return props.notes.subscribeToMore({
document: NotesAddedSubscription,
updateQuery: (prevRes, { subscriptionData }) => {
if (!subscriptionData.data.noteAdded) return prevRes;
return update(prevRes, {
notes: { $unshift: [subscriptionData.data.noteAdded] }
});
},
})
}
}
}
})(component);
任何帮助都会很棒，谢谢。
编辑：
export const NotesQuery = gql`
query NotesQuery {
notes {
_id
title
desc
shared
favourited
}
}
`;
export const NotesAddedSubscription = gql`
subscription onNoteAdded {
noteAdded {
_id
title
desc
}
}
`;
另一个编辑
class NotesPageUI extends Component {
constructor(props) {
super(props);
this.newNotesSubscription = null;
}
componentWillMount() {
if (!this.newNotesSubscription) {
this.newNotesSubscription = this.props.subscribeToNewNotes();
}
}
render() {
return (
<div>
<NoteCreation onEnterRequest={this.props.createNote} />
<NotesList
notes={ this.props.notes.notes }
deleteNoteRequest={ id => this.props.deleteNote(id) }
favouriteNoteRequest={ this.props.favouriteNote }
/>
</div>
)
}
}
另一个编辑：
https://github.com/jakelacey2012/react-apollo-subscription-problem