Javascript ReactJS-Handle在文件+；带路由器

我目前正在使用NodeJS和ReactJS进行一个web项目。我希望在一个文件中包含两个组件，因为它们将使用相同的信息片段。其中一个组件是使用withRouter来处理“this.props.history.push”。由于我不知道处理我的2个条件（路由器+双出口）的语法，我正在寻求您的帮助。 我得到一个错误：

Failed to compile
./src/App.js
284:83-110 './components/Dnoc_cvat.js' does not contain an export named 'Dnoc_cvat_bouton_withRouter'.

在我的App.js中，我写道：

import {Dnoc_cvat_bouton_withRouter} from './components/Dnoc_cvat.js'

Dnoc_cvat.js：

import React from 'react'
import {withRouter}from 'react-router-dom';

class Dnoc_cvat extends React.Component {
   render() {
   return( 
       <h3> DNOC - CVAT </h3>
         )
   }
}

class Dnoc_cvat_bouton extends React.Component {
   constructor(props) {
       super(props);
        this.handleClick=this.handleClick.bind(this);
   }

   handleClick(){
       this.props.history.push('/DNOC/CVAT');
   }

   render() {
   return( 
       <div className='component-button' onClick={this.handleClick} >
            <p>Hello world</p>
       </div>
         )
      }
   }

module.exports={
   Dnoc_cvat:Dnoc_cvat,
   Dnoc_cvat_bouton_withRouter:withRouter(Dnoc_cvat_bouton)
   }

从“React”导入React
从“react router dom”导入{withRouter}；
类Dnoc_cvat扩展了React.Component{
render（）{
报税表（
DNOC-CVAT
)
}
}
类Dnoc_cvat_bouton扩展反应组件{
建造师（道具）{
超级（道具）；
this.handleClick=this.handleClick.bind（this）；
}
handleClick（）{
this.props.history.push（'/DNOC/CVAT'）；
}
render（）{
报税表（
你好，世界

)
}
}
模块.出口={
Dnoc_cvat:Dnoc_cvat，
Dnoc_cvat_bouton_带路由器：带路由器（Dnoc_cvat_bouton）
}

仅适用于Node.js

对于浏览器，您将需要以下语法：

从“React”导入React
从“react router dom”导入{withRouter}
导出类Dnoc_cvat扩展反应组件{
...
}
类Dnoc_cvat_bouton扩展反应组件{
...
}
导出常数Dnoc_cvat_bouton_with Router=with Router（Dnoc_cvat_bouton）

我尝试过这样的解决方案，但没有常量。我很高兴它真的起作用了。谢谢！