我是新来的响应者，也想使用office react ui来满足我们的要求之一，我遵循了git hub并能够在组件中使用office ui react组件，但是在为App.js运行我的第一个测试用例时，它在下面给了我错误。
E：\ net_react \ my-new-app \ ClientApp \ node_modules \ office-ui-fabric-react \ lib \ Fabric.js：1（{“ Object。”：function（module，exports，require，__ dirname，__ filename，global ，jest）{从'./components/Fabric/index'导出*; ^^^^^^
SyntaxError：意外的令牌导出
在Object的ScriptTransformer._transformAndBuildScript（node_modules / jest-runtime / build / ScriptTransformer.js：289：17）处。（src / components / Login.js：13：592），位于Object。（src / components / Home.js：2：14）
我的Login.js中有一个导入语句
import { Fabric } from '../../node_modules/office-ui-fabric-react/lib/Fabric';
我正在尝试在应用程序中使用Fabric React MessageBar组件，但是即使单击messageBar组件中的关闭图标，也无法关闭（关闭）消息部分。
请找到以下代码以供参考。
import React from 'react'
import { MessageBar, MessageBarType } from 'office-ui-fabric-react/lib-commonjs/MessageBar'
class MyMessage extends React.Component{
log=(event)=>{
console.log('close on test');
}
render(){
return(
<div>
<MessageBar
componentRef={(messageBar)=>{this.errorMsgBar = messageBar}}
messageBarType={MessageBarType.error}
isMultiline={false}
onDismiss={(event)=> this.log(event)}
dismissButtonAriaLabel="Close"
>
Error lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit.{' '}
</MessageBar>
</div>
)
}
}
export default MyMessage;
Office Fabric将作为默认关闭功能，还是我需要关闭它？
如果我需要关闭它，请告诉我该怎么做？
提前致谢。
-长gar