意外的令牌错误创建React App Electron

Question

我无法理解为什么将ipcrenderer与create-react-app一起使用时会出现意外的令牌错误。这就是我的使用方式：

ipcRenderer.on('openNewFile', (event) => {
this.setState({source:""})
})
  ipcRenderer.on('openFile', (event) => {
    dialog.showOpenDialog({
      properties: ['openFile']
    },function (file) {
      var textByLine = null
      if (file !== undefined) {
        var text = fs.readFileSync(file).toString('utf-8');
        textByLine = text.split("\n")
        this.setState({source:textByLine})
      }
    }
  })})
  ipcRenderer.on('saveFile', (event) => {
    this.setState({source:""})
  })

此外，这是我的导入方式：

const electron = window.require('electron');
const fs = electron.remote.require('fs');
const dialog = electron.remote.require('dialog');
const ipcRenderer  = electron.ipcRenderer;

这是我得到的错误：

Syntax error: Unexpected token
ipcRenderer.on('openNewFile', (event) => {
           ^

知道为什么要这么做吗？