NextJS 동적 렌더링

Question 1

오랜 시간이자 마지막으로 따기 Next.js 다,그래서 나는 이것을 알고 아마가 끓여 뭔가를 내려 바보입니다. 여기에 간다. 무엇을 잘못으로 나 getStaticPaths() 값을까요? 그것은 것 같아 나는 포맷으로 정확하게 문서를 요구합니다. (값이 할당 paths 가 console.log()'d 터미널 창에서)

export const getStaticPaths = async () => {
    const paths = getEvents();
    return {
        paths,
        fallback: false
    };
};

고 getEvents() 기능:

export const getEvents = () => {
    axios.post(`${globals.api_endpoint}getEvents.php`, {
        action: 'getStaticPaths'
    }).then((r) => {
        if (!r.data.error) {
            const paths = r.data.map(index => {
                return {
                    params: {
                        id: index.event_id
                    }
                };
            });
            console.log(paths);
            return paths;
        }
    });
};

Question 2

이 getStaticPath 비동기 기능이다. 만약 당신이 뭔가를 이 paths 이 항상 여기에 약속.

const paths = getEvents();
return {
    paths,
    fallback: false
};

을 사용해야 합니다 기다리고 있는 키워드를 기다리의 결과는:

const paths = await getEvents();

고서 getEvents 기능으로 돌아와야 합니다 모든 날개로 연기 드리프트 같이하지만.게시 호출을 다음과 같이:

return axios.post(`${globals.api_endpoint}getEvents.php`, {...

또한,내가 알지 못하는 방법 당신의 api 를 끝점으로 보이지만 이 api 는 경로는 다음과 같아야 합니다. ${globals.api_endpoint}/getEvents.php. 귀하의 api 를 끝점이 없이 슬래쉬니다.

Question 3

화려하다. 감사,@krybinski 에 대한 도움이됩니다. 의 물론 그것은 반환 약속입니다. 실수터와 연결된 곳에 있으며 바보 같은 내가 예상되지만,간단하게 확실합니다.

export const getEvents = async () => {
    return axios.post(`${globals.api_endpoint}getEvents.php`, {
        action: 'getStaticPaths'
    });
};


export const getStaticPaths = async () => {
    const response = await getEvents();
    const paths = response.data.map(event => {
        return {
            params: {
                id: event.event_id
            }
        }
    });
    return {
        paths,
        fallback: false
    };
};

krybinski · Answer 1 · 2021-11-23T05:57:30

이 getStaticPath 비동기 기능이다. 만약 당신이 뭔가를 이 paths 이 항상 여기에 약속.

const paths = getEvents();
return {
    paths,
    fallback: false
};

을 사용해야 합니다 기다리고 있는 키워드를 기다리의 결과는:

const paths = await getEvents();

고서 getEvents 기능으로 돌아와야 합니다 모든 날개로 연기 드리프트 같이하지만.게시 호출을 다음과 같이:

return axios.post(`${globals.api_endpoint}getEvents.php`, {...

또한,내가 알지 못하는 방법 당신의 api 를 끝점으로 보이지만 이 api 는 경로는 다음과 같아야 합니다. ${globals.api_endpoint}/getEvents.php. 귀하의 api 를 끝점이 없이 슬래쉬니다.

FrontEndDev · Answer 2 · 2021-11-23T13:53:11

화려하다. 감사,@krybinski 에 대한 도움이됩니다. 의 물론 그것은 반환 약속입니다. 실수터와 연결된 곳에 있으며 바보 같은 내가 예상되지만,간단하게 확실합니다.

export const getEvents = async () => {
    return axios.post(`${globals.api_endpoint}getEvents.php`, {
        action: 'getStaticPaths'
    });
};


export const getStaticPaths = async () => {
    const response = await getEvents();
    const paths = response.data.map(event => {
        return {
            params: {
                id: event.event_id
            }
        }
    });
    return {
        paths,
        fallback: false
    };
};

NextJS 동적 렌더링

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리