开玩笑意外令牌，转换忽略模式

Question

我是新来的反应和开玩笑的人，所以我面临很多问题。因此，目前我正在尝试为我的组件之一创建单元测试。因此它可以正确渲染，并且输出很好。

我为此组件编写了单元测试，并想尝试在检查器中调试header.test.js文件。但是我在控制台之类的地方出现错误。

给定的图像。

所以它表明我必须将transformIgnorePatterns添加到我的配置文件中。我已将其添加到我的package.json中，如下所示

"jest": {
    "transformIgnorePatterns": ["/node_modules/"]
  }

接下来，它显示出语法不正确的信息，因此我的Header组件如下所示，但是它运行良好，并且输出没有错误。

import React from "react"; // eslint-disable-line no-unused-vars

import "bootstrap/dist/css/bootstrap.min.css";
import "./header.css";

const Header = (props) => ({
    handleAuthor() {
        props.history.push("/About");
    },
    render(){
        return (
            <div className = "header">
                <h1 onClick = {this.handleAuthor.bind(this)}>{this.props.headerText}</h1>
            </div>
        );
    } 
});

export default Header;

实际上，这是什么问题。我错过了什么吗？

谢谢。