Next.js: के बीच अंतर क्या है "का उपयोग कर दोबारा सत्यापित" विकल्प में getStaticProps और SWR पैकेज?

0

सवाल

Next.js इस "दोबारा सत्यापित विकल्प" बॉक्स के बाहर:

export async function getStaticProps(context) {
  const data = await getData();

  if (!data) {
    return {
      notFound: true,
    };
  }

  return {
    props: { data },
    revalidate: 60,
  }
}

ऊपर कोड जाएगा यकीन है कि एक पृष्ठ है पुनर्जीवित करने के बाद 60 सेकंड में पल से हम अनुरोध अद्यतन डेटा (पहले ताज़ा करने के लिए एक अनुरोध बनाने के लिए नए डेटा, दूसरे ताज़ा अद्यतन करने के लिए पृष्ठ). इस पर आधारित है वृद्धिशील स्थिर उत्थानहै, तो साइट की जरूरत नहीं है करने के लिए फिर से बनाया जा सकता.

से SWR डॉक्स:

यदि आपके पृष्ठ में शामिल अक्सर अद्यतन डेटा, और आप की जरूरत नहीं करने के लिए पूर्व प्रस्तुत डेटा, SWR एक सही फिट है, और कोई विशेष स्थापना की जरूरत है: बस आयात useSWR और हुक का उपयोग किसी भी घटक है कि का उपयोग करें डेटा.

तो, यह करता है मतलब है कि इस मामले में, useSWR मूल रूप से है के रूप में एक ही next.js "दोबारा सत्यापित" विकल्प है? यह कर रहे हो लगता है एक ही बात है, लेकिन अक्सर कैसे करता है पुनर्वैधीकरण हो तो? वहाँ किसी भी लाभ का उपयोग करने के लिए एक दूसरे के ऊपर?

next.js reactjs swr
2021-11-24 02:32:17
1

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

1

नहीं, वे ही नहीं हैं और फिट विभिन्न उपयोग के मामलों.

useSWR एक डेटा दिलकश हुक प्रदान करता है कि कैशिंग और स्वत: पुनर्वैधीकरण तंत्र (जो आप नियंत्रित कर सकते हैं) डेटा रखने के लिए आकर्षक पर क्लाइंट-साइड. डेटा पुनर्वैधीकरण होगा पर ग्राहक और केवल लाभ होगा कि एक उपयोगकर्ता.

का उपयोग कर revalidate और वृद्धिशील स्थिर उत्थान की अनुमति देता है आप को पुनर्जीवित करने के लिए स्थैतिक पृष्ठों पर सर्वर-साइड. पूरे पृष्ठ उत्पन्न हो जाता है, फिर से सर्वर पर है और स्थिर रुप से कैश की गई. बाद में किसी भी अनुरोध (किसी भी उपयोगकर्ता से) कार्य किया जाएगा पुनर्जीवित पृष्ठ.

एक या अन्य का उपयोग निर्भर करता है पर पूरी तरह से अपनी आवश्यकताओं है, और वे परस्पर अनन्य नहीं है - आप का उपयोग कर सकते हैं एक ही समय में दोनों.

2021-11-24 08:43:12

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

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

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

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

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