Не получение данных ответа API в реквизитах с использованием getStaticProps в следующем js

Question

Я новичок в следующем js. Я хочу предварительно выполнить рендеринг страницы на сервере и отложить рендеринг до разрешения вызова API. для этого я использую getStaticProps, как указано в следующих js официальных документах.

вот позиция файла в моей структуре кода: -

введите описание изображения здесь

Я экспортирую свой getStaticProps из индекса. js

вот фрагмент кода: -

    export const getStaticProps = async () => {
    
        const res = await axios.get(`http://blogexample.com/blog/posts`);
        const blogList = await res.data
    
        return {
            props: {
                blogList
            }
        }
    }
    
    const Blog = (props) => {
        
        const { blogList } = props;

        useEffect(() => {
            console.log('list',blogList)
        },[blogList])
        
        return(
            ....
        );
    }

export default Blog;

проблема в том, что в консоли браузера. ... моя инструкция console.log('list',blogList) печатает undefined

что я делаю не так

Answer 1

getStaticProps выполняется во время времени сборки . Вместо этого используйте getServerSideProps .