정보실

웹학교

정보실

Reactjs React Query 1.0 : 데이터 페치, 캐싱 및 업데이트를 위한 후크

본문

서버 캐시 상태를 전역 상태와 별도로 유지하고 모든 것을 비동기 적으로 읽고 업데이트 할 수 있는 후크 여기서 즐길 수 있는 것이 많이 있습니다.


https://github.com/tannerlinsley/react-query 


function Todos() {
  const { status, data, error } = useQuery('todos', fetchTodoList)

  return (
    <div>
      {status === 'loading' ? (
        <span>Loading...</span>
      ) : status === 'error' ? (
        <span>Error: {error.message}</span>
      ) : (
        // also status === 'success', but "else" logic works, too
        <ul>
          {data.map(todo => (
            <li key={todo.id}>{todo.title}</li>
          ))}
        </ul>
      )}
    </div>
  )
}






페이지 정보

조회 45회 ]  작성일20-03-03 12:34

웹학교