尝试为测试渲染反应组件时出错

问题描述

我正在尝试使用 create 中的 react-test-renderer 来呈现组件。这就是我想要做的

import { ReactTestRenderer,create} from 'react-test-renderer';
let component: ReactTestRenderer;
const createComponent = (tradingBalances: IBalance[]) => {
  component = create(<StakingContainer tradingBalances={tradingBalances} vaultBalances={mockVaultBalances} prices={mockPrices} />);
};

但我不断收到此错误：

SyntaxError: .../path/... Unexpected token,expected "," (31:41)

  29 |   let instance: ReactTestInstance;
  30 |   const createComponent = (tradingBalances: IBalance[]) => {
> 31 |     component = create(<StakingContainer tradingBalances={tradingBalances} vaultBalances={mockVaultBalances} prices={mockPrices} />);
     |                                          ^
  32 |   };

为什么？我错过了什么？

解决方法

TypeScript 编译器无法识别 React 语法 (JSX)。 确保您的文件名使用 .tsx 扩展名。