尝试呈现jsx模板时为什么会出现“ TypeError：无法将类作为函数调用”的原因

Question

我有以下内容：

// Test.jsx
const TestTemplate = function(){
    return (
        <div>
        ....
        </div>
    )
}
export { TestTemplate };

// Test.js
import { TestTemplate } from "./Test.jsx"; 
class Test extends React.Component{
    render(){
        return TestTemplate.call(this);
    }
}

当我尝试使用此设置运行测试时，我得到：

TypeError: Cannot call a class as a function.

我的Mocha命令为mocha --compilers js:@babel/register src/**/*.spec.js*，因为我将其输出为函数，不确定该怎么做。

更新

根据我尝试更改的答案

export { TestTemplate };

export TestTemplate;

执行此操作时，Babel失败，并显示.jsx: Unexpected token (164:27)。 IJ还建议有一个“预期的声明”

所以我认为那是无效的JS。