Express+GraphQL+MongoDB無限スクロール
初めての場合は、「下の位置」を参照してください。
https://velog.io/@mkh1213/Express-GraphQL-MongoDB-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-4
下部リンクの配置の後続
https://velog.io/@mkh1213/React%EB%A1%9C-%EB%AC%B4%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EB%A7%8C%EB%93%A4%EA%B8%B0
フォルダ構造
![](https://s1.md5.ltd/image/4e2c1650a50fed6fc21cc6c6e45f4ad1.png)
コードを記述して画面にデータを転送
async getUsersInit() {
console.log("getUsersInit 실행!")
let result;
try {
result = await User.find().sort({_id: -1}).limit(20);
} catch (error) {
console.log(`getUsersInit Error = ${error}`);
}
return result;
},
async getUsers(_, {lastId}) {
console.log("getUsers 실행!")
let result;
try {
if (lastId && !isValidObjectId(lastId)) throw new Error("invalid lastid");
result = await User.find({_id: { $lt: lastId } }).sort({_id: -1}).limit(20);
} catch (error) {
console.log(`getUsers Error = ${error}`);
}
return result;
},
getUsersInit: [User]
getUsers(lastId: String): [User]
無限スクロールはサーバ側コードがあまりないので終了...
Reference
この問題について(Express+GraphQL+MongoDB無限スクロール), 我々は、より多くの情報をここで見つけました https://velog.io/@mkh1213/Express-GraphQL-MongoDB-무한스크롤-만들기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol