Блог

Главная - Вопросы по программированию - Next.js получение undefined в консоли для асинхронного запроса

Next.js получение undefined в консоли для асинхронного запроса

#reactjs #next.js

#reactjs #next.js

Вопрос:

Получение undefined для следующего кода.

home.js

 
    export async function getServerSideProps() {
      // Fetch data from external API
      const res = await fetch(`https://jsonplaceholder.typicode.com/users`)
      const data = await res.json()
      // Pass data to the page via props
      return {
        props: {
          data,
        },
      }
    }


    const Home = ({
      data
    }) => {
      console.log(data)
      return ( <
        div > Hello < /div>
      )
    }


    export default Home;

_app.js

 
    function MyApp({ Component, pageProps }) {
      return <Component {...pageProps} />
    }

    export default MyApp

Я нашел недавний ответ, в котором упоминалось, что проблема может быть из-за _app.js но я не могу получить значение в консоли.

Комментарии:

1. Тот же самый точный код работает для меня локально. Я вижу, что данные записываются в консоль. Вы получаете что-нибудь, отображаемое на странице?

2. @juliomalves на самом деле я учился next.js так что я просто проверял, получает ли запрос API правильный ответ, и я ничего не добавил для рендеринга. Этот же код работал у меня раньше. Не знаю, где я ошибся.