INNER CODE UNIT · JavaScript

App

datastax-archive/workshop-graphql-netflix · src/App.js:7

const App = () => {
  const pageSize = 4
  const [requestedPage, setRequestedPage] = useState(0)
  const [pageState, setPageState] = useState(null)
  const [genres, setGenres] = useState(null)
  const [isFetching, setIsFetching] = useState(false)

  const fetchData = async () => {
    if (! isFetching)  {
      setIsFetching(true)
      const response = await fetch("/.netlify/functions/getGenres", {
        method: "POST",
        body: JSON.stringify({pageState, pageSize}),
      })
      const responseBody = await response.json()
      setPageState(responseBody.data.reference_list.pageState)
      setGenres(gs => (gs || []).concat(responseBody.data.reference_list.values))
      setIsFetching(false)

View source record →