学习者问题:如何将消息栏(Fabric UI)中的按钮与功能关联起来？

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

class MyMessageBar extends React.Component {
  handleButtonClick = () => {
    // 在这里编写按钮点击时的功能代码
    console.log('按钮被点击了！');
  }

  render() {
    return (
      <div>
        <MessageBar
          messageBarType={MessageBarType.success}
          isMultiline={false}
          onDismiss={this.handleDismiss}
          dismissButtonAriaLabel="关闭"
          actions={
            <div>
              <IconButton
                iconProps={{ iconName: 'Send' }}
                onClick={this.handleButtonClick}
              />
            </div>
          }
        >
          这是一条成功的消息！
        </MessageBar>
      </div>
    );
  }
}

export default MyMessageBar;