NextJS गतिशील प्रतिपादन

Question 1

लंबे समय डेवलपर अंत में उठा Next.js है, तो मुझे पता है यह शायद जा रहा करने के लिए नीचे फोड़ा करने के लिए कुछ मूर्खतापूर्ण है । यहाँ जाता है. के साथ गलत क्या है मेरे getStaticPaths() मूल्य यहाँ? ऐसा लगता है जैसे मैं स्वरूपित यह वास्तव में के रूप में दस्तावेज़ की आवश्यकता होती है । (मूल्य सौंपा जा रहा है के लिए paths है console.log()'डी टर्मिनल विंडो में)

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 एक async समारोह. यदि आप कर रहे हैं कुछ इस तरह paths हमेशा हो जाएगा एक वादा करता हूँ यहाँ.

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

आप का उपयोग करना चाहिए एक कीवर्ड का इंतजार करने के लिए यहाँ के लिए प्रतीक्षा परिणाम:

const paths = await getEvents();

और getEvents समारोह में आप वापस आ जाना चाहिए सभी axios.पोस्ट कॉल की तरह है, तो:

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

इसके अतिरिक्त, मैं नहीं जानता कि कैसे अपने एपीआई समापन बिंदु लग रहा है, लेकिन एपीआई के पथ इस तरह दिखना चाहिए: ${globals.api_endpoint}/getEvents.php. अपने एपीआई समापन बिंदु नहीं होना चाहिए स्लैश अंत में.

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 एक async समारोह. यदि आप कर रहे हैं कुछ इस तरह paths हमेशा हो जाएगा एक वादा करता हूँ यहाँ.

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

आप का उपयोग करना चाहिए एक कीवर्ड का इंतजार करने के लिए यहाँ के लिए प्रतीक्षा परिणाम:

const paths = await getEvents();

और getEvents समारोह में आप वापस आ जाना चाहिए सभी axios.पोस्ट कॉल की तरह है, तो:

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

इसके अतिरिक्त, मैं नहीं जानता कि कैसे अपने एपीआई समापन बिंदु लग रहा है, लेकिन एपीआई के पथ इस तरह दिखना चाहिए: ${globals.api_endpoint}/getEvents.php. अपने एपीआई समापन बिंदु नहीं होना चाहिए स्लैश अंत में.

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 गतिशील प्रतिपादन

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में