ما هي بالضبط طريقة getInitialProps في NextJS؟

عبد النور محمد · 14 أغسطس 2021

اعمل مع NextJS ورأيت مثالاً لصفحة

class IndexPage extends Component {
  static async getInitialProps(context) {
    return {};
  }
  render() {
    return <div>hello world</div>;
  }
}
export default withRouter(IndexPage);

ما هي بالضبط طريقة getInitialProps في NextJS؟

محمد أبو عواد · 14 أغسطس 2021

عادة ما تكون getInitialProps دالة غير متزامنة وهي جيدة للعمليات غير المتزامنة على الخادم ثم تقوم بتمرير البيانات إلى الصفحة على شكل Props. يمكن تشغيله على الخادم والمتصفح إذا كنت تستخدم Link على سبيل المثال. بشكل عام يمكنك استخدام getInitialProps لجلب البيانات عندما يعمل المكون الخاص بك كصفحة ، وتريد تقديم البيانات Props, إذا كنت تستخدم Next.js 9.3 أو أحدث ، يوصى باستخدام getStaticProps أو getServerSideProps بدلا من getInitialProps.

عبدالباسط ابراهيم · 14 أغسطس 2021

كما شرح محمد في التعليق السابق فهي تستخدم للقيام بجلب بعض البيانات في الخادم وهناك مهام نستخدمها في المتصفح

وهذه بعض الخصائص الخاص بال getInitialProps

تستَخدَم لجَلْب بعض البيانات بشكل غير متزامن ، ويتم توليدها من خلال ال props
سيتم تنفيذ الدالة getInitialProps على الخادم فقط.من تحميل الموقع المبدئي
يمكنك استخدامها في المتصفح من خلال ال routing
لا يمكننا استخدامها في ال children components

ويفضل استخدام getStaticProps أو getServerSideProps بدلا من getInitialProps. بداية من Next.js 9.3

ويمكنك قراءة المزيد من المعلومات حول getStaticProps و getServerSideProps من خلال هذا السؤال

ما هي بالضبط طريقة getInitialProps في NextJS؟

السؤال

عبد النور محمد

2 أجوبة على هذا السؤال

Recommended Posts

محمد أبو عواد

عبدالباسط ابراهيم

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية