reactjs - React 16.2 <Fragment> يعطي خطأ غير ملتقط: نوع العنصر غير صالح


لقد قمت للتو بالتحديث إلى React 16.2 وأريد استخدام ميزة Fragment الرائعة. ومع ذلك، أحصل على خطأ غريب بمجرد أن أستخدمها بطريقة بسيطة:

<React.Fragment>asd</React.Fragment>

تنص الرسالة على: خطأ غير ملتقط: نوع العنصر غير صالح: كان من المتوقع أن يكون سلسلة (للمكونات المدمجة) أو فئة/دالة (للمكونات المركبة) ولكن تم الحصول على: رمز.

عندما أسجل الكود أعلاه ومكونًا عشوائيًا قد قمت بتعريفه، أحصل على هذه المعلومات:

$$typeof: Symbol(react.element)
key: null
props: {children: "asd"}
ref: null
type: Symbol(react.fragment)
...

عند تسجيل عنصري أحصل على نفس المعلومات تقريبًا:

$$typeof: Symbol(react.element)
key: null
props: {children: "sfdghs"}
ref: null
type:ƒ Column(_ref)

سؤالي هو: لماذا يتوقع التطبيق سلسلة أو دالة؟

جميع الاعتمادات المرتبطة من ملف package.json الخاص بي هي كما يلي:

  • "devDependencies": {... "@types/react": "^16.0.0" ...}
  • "dependencies" : {... "react": "^16.2.0", "typescript": "2.6.2" ...}

إذا كان بإمكان أي شخص أن يقدم لي أي معلومات حول كيفية تصحيح هذا، سأكون ممتنًا جدًا!

الإجابة رقم 1

تحتاج إلى حد أدنى من 16.2.0 لكل من react و react-dom.