비동기 selector에 대한 간단한 예시
const meQuery = selector({
key: 'MyQuery',
get: async ({get}) => {
return await mwAsyncQuery(get(queryParamState));
},
});
비동기를 다루는 selector에 대한 전체 예시
import { selector, useRecoilValue } from 'recoil';
const myQuery = selector({
key: 'MyDBQuery',
get: async () => {
const response = await fetch(getMyRequestUrl());
return response.json();
},
});
function QueryResults() {
const queryResults = useRecoilValue(myQuery);
return <div>{queryResults.foo}</div>
}
function ResultsSection() {
return (
<React.Suspense fallback={<div>Loading...</div>}>
<QueryResults />
</React.Suspense>
)
}