我正在为Gutenberg开发一个自定义块，该块的一部分是RichText组件。我正在尝试添加一个在文本下方加下划线的按钮，但从昨晚开始，我就无法使其正常工作。我现在拥有的代码[不起作用]：

<div>
            <BlockControls
                controls={ [
                    {
                        icon: \'editor-underline\',
                        title: __( \'Underline\' ),
                        onClick: () => {
                          console.log(this.test.current, this)
                            this.test.current.props.onChange(toggleFormat(
                              this.test.current.props.record,
                                { type: \'core/underline\' }
                            ) );
                        },
                    },
                ] }
                />
              <RichText
                  tagName="p"
                  label="Intro"
                  className={ className }
                  multiline="br"
                  ref={this.test}
                  value={ content }
                  formattingControls={[]}
                  onChange={ ( content ) => { this.props.setAttributes( { content } ) } }
              />
            </div>