相关疑难解决方法(0)

我刚刚开始使用打字稿进行反应项目,并问自己我应该如何处理常规类文件？我应该使用.ts或.tsx文件,然后我找不到任何理由不使用.tsx文件,即使它不是反应项目!是否有任何理由或具体情况我们不应该使用.tsx文件？如果没有为什么打字稿团队添加全新的扩展？

我正在尝试为我的 React 组件编写一个测试，使用 TypeScript、Jest 作为我的测试运行程序和 Enzyme 来测试我的 React 组件。每当我将我的组件传递给shallowEnzyme 函数时，我都会收到 ts 错误“'Navbar' 指的是一个值，但在此处被用作类型。”，并且在下面我收到 eslint 错误“解析错误：'>' 预期” .

我在其他一些组件上尝试过，当shallow作为参数传递给函数时，所有组件都出现相同的错误。我怀疑这可能与我的 TS 配置有关，但对于我的生活，我似乎无法找到解决方案。

这是 Navbar.tsx 的代码：

import React from 'react';
import { shallow } from 'enzyme';
import Navbar from './Navbar';

describe('Navbar component', () => {
    let component;
    beforeEach(() => {
        component = shallow(<Navbar />); // Error being desplayed here
    });

    it('should render without errors', () => {
        expect(component).toMatchInlineSnapshot();
        expect(component.length).toBe(1);
        expect(component).toBeTruthy();
    });
});

还发布我的配置文件：

配置：

{
  "compilerOptions": {
    "target": "es5", …