wordpress-gutenberg - 我可以将自定义数据属性标签添加到古腾堡元素吗

Question

我在 block 中有一个富文本元素，想创建自己的“我的数据属性”并将其包含在输出中，但我似乎无法找到这样做的方法。我的属性已经与 SelectControl 一起使用，但我似乎无法让 data-attr 工作。

我找到了如何将它添加到 block 包装器中，但我需要将它添加到元素中，这样我才能控制一些动画滚动触发器。

差不多，像这样；

<RichText
    tagName="h2"
    value={ heading }
    className="bm2-card__title"
    my-data-attribute={ [animationControl]:animationControl}
    onChange={ text => setAttributes( { heading: text } ) }
    style={ {
        color: headingColor,
        textAlign: contentAlign,
    } }
    placeholder={ __( 'Title for This Block', i18n ) }
    keepPlaceholderOnFocus
/>

Answer 1

好的，我可以通过像这样将它包装在一个 div 中来解决它；

<div
    className={ animationControl ? 'aniview' : undefined }
    data-av-animation={ animationControl }
>
<RichText
    tagName="h2"
    value={ heading }
    className="bm2-card__title"
    onChange={ text => setAttributes( { heading: text } ) }
    style={ {
        color: headingColor,
        textAlign: contentAlign,
    } }
    placeholder={ __( 'Title for This Block', i18n ) }
    keepPlaceholderOnFocus
/>
</div>