Typescript: TSX: لا يمكن استخدام مكون مخزن في متغير

ريبرو

افترض أن لدي مكونًا يسمى MyComponent .

باستخدام MyComponent مثل هذا يعمل:

render() {
  return <MyComponent />;
}

لكن تخزين MyComponent في متغير ثم محاولة استخدامه لا:

render() {
  var anAlias = MyComponent;
  return <anAlias />;
}

ينتج عن الخطأ التالي:

error TS2339: Property 'anAlias' does not exist on type 'JSX.IntrinsicElements'.

الحل

بدلاً من استخدام TSX ، استخدم React.createElement :

render() {
  var anAlias = MyComponent;
  return React.createElement(anAlias);
}