我正在尝试在应用程序中使用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() } } export default MyMessage;{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.{' '}
Office Fabric将作为默认关闭功能,还是我需要关闭它?
如果我需要关闭它,请告诉我该怎么做?
提前致谢。
-长gar
您可以尝试如下操作:
import React from 'react' import { MessageBar, MessageBarType } from 'office-ui-fabric-react/lib-commonjs/MessageBar' class MyMessage extends React.Component{ constructor(){ super(); this.state = { showMessageBar: true } } closeMessageBar = () => { this.setState({showMessageBar: false}) } render(){ return({this.state.showMessageBar &&) } } export default MyMessage;{this.errorMsgBar = messageBar}} messageBarType={MessageBarType.error} isMultiline={false} onDismiss={()=> this.closeMessageBar()} dismissButtonAriaLabel="Close" > Error lorem ipsum dolor sit amet, a elit sem interdum consectetur adipiscing elit.{' '} }