从其他组件关闭MessageBar Office-UI-fabric

import React, { useState } from 'react';
import { MessageBar, MessageBarType } from 'office-ui-fabric-react';

const MyComponent = () => {
  const [showMessageBar, setShowMessageBar] = useState(true);

  const closeMessageBar = () => {
    setShowMessageBar(false);
  };

  return (
    <div>
      {showMessageBar && (
        <MessageBar
          messageBarType={MessageBarType.success}
          isMultiline={false}
          onDismiss={closeMessageBar}
          dismissButtonAriaLabel="Close"
        >
          This is a success message.
        </MessageBar>
      )}
      {/* 其他组件内容 */}
    </div>
  );
};

export default MyComponent;