Как импортировать существующий компонент React, определенный в JSX в модуле TypScript (.tsx)

Question

У меня есть существующий компонент React, который закодирован в JSX, и я не могу преобразовать в TypScript в это время. Я хотел бы использовать его в новом приложении React, которое записывается в Typcript. Я не могу понять, можно ли импортировать и использовать код JSX в коде TSX. Это возможно? Как мне это сделать?

Благодаря

В приведенном ниже примере выдает ошибку: TS2604:JSX element type 'OldCode' does not have any construct or call signatures.

OldCode.jsx

import React from 'react' 

export default React.createClass({ 
    render() { 
    return <div>OldCode</div> 
    } 
}) 

NewCode.tsx

import * as React from 'react'; 
import { OldCode } from './OldCode'; 

export default class NewCode extends React.Component<any, any> { 
    render() { 
    return (
     <OldCode/> 
    ); 
    } 
} 

Answer 1

Попытка изменить свой оператор импорта:

import OldCode from './OldCode'; 

Если вы используете webpack, вам может понадобиться добавить .jsx к вашим распознающим тоже.

Answer 2

declare module '*.jsx' { 
    var _: React.Component<any, any>; 
    export default _; 
} 

и использовать его как

import OldCode from './OldCode.jsx'; 

поместить это в какой-то файл, убедитесь, что он включен в tsconfig.json.

и, конечно же, убедитесь, что веб-пакет упаковывает их все.