Typescript: TSX: Tidak dapat menggunakan komponen yang disimpan dalam variabel

Repro

Misalkan saya memiliki komponen bernama MyComponent .

Menggunakan MyComponent seperti ini berfungsi:

render() {
  return <MyComponent />;
}

tetapi menyimpan MyComponent dalam variabel dan kemudian mencoba menggunakannya tidak:

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

Ini menghasilkan kesalahan berikut:

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

Solusi

Alih-alih menggunakan TSX, gunakan React.createElement :

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