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

，可以通过以下步骤实现：

首先，确保你已经在项目中引入了Office UI Fabric库，并正确地导入了MessageBar组件。
在需要关闭MessageBar的组件中，创建一个状态变量来控制MessageBar的显示与隐藏。例如，可以使用useState钩子来创建一个名为showMessageBar的状态变量，并将其初始值设置为true。

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;

在MessageBar组件中，通过设置onDismiss属性为一个关闭MessageBar的回调函数。在这个例子中，我们将回调函数命名为closeMessageBar。
在closeMessageBar函数中，通过调用setShowMessageBar(false)来更新showMessageBar状态变量的值为false，从而隐藏MessageBar。
最后，在组件的渲染部分，使用条件渲染来决定是否显示MessageBar。只有当showMessageBar为true时，才渲染MessageBar组件。

这样，当其他组件需要关闭MessageBar时，只需要调用closeMessageBar函数即可。该方法将更新showMessageBar状态变量的值，从而隐藏MessageBar组件。

关于Office UI Fabric的MessageBar组件的更多信息和使用方法，可以参考腾讯云的相关产品文档：MessageBar组件介绍。