NextJS Dinamik Oluşturma

Question 1

Uzun zamandır geliştirici sonunda bir sonraki telefonu aldı.js, bunun aptalca bir şeye dönüşeceğini biliyorum. Burada gider. Ne benim oldu getStaticPaths() burada değer mi? Görünüşe göre tam olarak dokümanların gerektirdiği şekilde biçimlendirdim. (Atanacak değer paths oluyor console.log()'d terminal penceresinde)

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

Ve... getEvents() işlev:

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

Bu getStaticPath zaman uyumsuz bir işlevdir. Eğer böyle bir şey yapıyorsan paths burada her zaman bir sözüm olacak.

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

Sonuçları beklemek için burada await anahtar sözcüğünü kullanmalısınız:

const paths = await getEvents();

ve içinde getEvents işlev tüm aksiosları döndürmelisiniz.çağrı sonrası, böyle:

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

Ayrıca, apı uç noktanızın nasıl göründüğünü bilmiyorum, ancak apı yolu şöyle görünmelidir: ${globals.api_endpoint}/getEvents.php. Apı uç noktanızın sonunda eğik çizgi olmamalıdır.

Question 3

Muhteşem. Teşekkürler, yardım için @ krybinski. Elbette bir söz veriyor. Hata beklediğim kadar aptalca değildi, ama basit bir şeydi, kesin.

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

Bu getStaticPath zaman uyumsuz bir işlevdir. Eğer böyle bir şey yapıyorsan paths burada her zaman bir sözüm olacak.

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

Sonuçları beklemek için burada await anahtar sözcüğünü kullanmalısınız:

const paths = await getEvents();

ve içinde getEvents işlev tüm aksiosları döndürmelisiniz.çağrı sonrası, böyle:

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

Ayrıca, apı uç noktanızın nasıl göründüğünü bilmiyorum, ancak apı yolu şöyle görünmelidir: ${globals.api_endpoint}/getEvents.php. Apı uç noktanızın sonunda eğik çizgi olmamalıdır.

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

Muhteşem. Teşekkürler, yardım için @ krybinski. Elbette bir söz veriyor. Hata beklediğim kadar aptalca değildi, ama basit bir şeydi, kesin.

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 Dinamik Oluşturma

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride