React 和 WebStorm - 预期表达

Question

我有以下代码：

'use strict';

import {LocalizationTextType} from 'spio';

import * as React from 'react';
import * as ReactDom from 'react-dom';

import SimpleFlexBox from '../helpers/SimpleFlexBox';
import MultiLineInput from '../widgets/MultiLineInput';

type SpecialInputFieldPropType = {
}

type SpecialInputFieldStateType = {
    length: number;
}

export default class SpecialInputField extends React.Component<SpecialInputFieldPropType, SpecialInputFieldStateType> {

    constructor (props: SpecialInputFieldPropType) {
        super(props);
    }

    render() {
        return(
            <SimpleFlexBox/>
        );
    }

}

我正在使用带有 TypeScript 和 ES6 类的 React.js 来制作一个组件。

在<SimpleFlexBox/>WebStorm IDE 提示以下错误；

Expected > '预期的表达'

我之前成功地使用了这个约定，没有这个问题 - 是否可以从上面的代码中看出是什么导致了这个问题？

Answer 1

将扩展名更改.ts为.tsx解决了问题