wordpress - Gutenberg 动态 SelectControl 值对象

Question

我想将选项对象动态传递给 Gutenberg SelectControl：

el( SelectControl, {
    label: __( 'Animation' ),
    value: props.attributes.animation,
    onChange: ( value ) => { props.setAttributes( { animation: value } ); },
    options: [
      { value: 'date', label: __( 'One column' ) },
      { value: 'title', label: __( 'Two columns' ) },
    ],
  }
),

我有一个返回可用动画对象的 PHP 函数？

function animation( ) {
    $animations = array(
                        ''                  => 'none',
                        'fade'              => 'fade',
                        'fade-up'           => 'fade-up',
                        'fade-down'         => 'fade-down',
                        'zoom-out-up'       => 'zoom-out-up',
                        'zoom-out-down'     => 'zoom-out-down',
                        'zoom-out-left'     => 'zoom-out-left',
                        'zoom-out-right'    => 'zoom-out-right'
                );

    return apply_filters( '_animations', $animations );
}

Answer 1

我已经使用wp_localize_script将数组作为 JS 中的对象：

$variables['animations'] = _functions::_animation();
wp_localize_script( $this->plugin_name, 'meetongo', $variables );

您可以像这样访问该对象：

console.log( meetongo.animations );