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/>
        );
    }

}

我正在使用React.js和TypeScript＆amp;用于制作组件的ES6类。

在<SimpleFlexBox/>，WebStorm IDE会出现以下错误;

Expected > '表达期待'

我之前没有成功使用过这个约定 - 可以从上面的代码中看出可能导致问题的原因吗？

Answer 1

将扩展程序从.ts更改为.tsx解决了问题

反应＆amp; WebStorm - 表达预期

1 个答案: