WordPress REST APIでユーザー情報を取得してブロックエディタで利用する方法

/wp/v2/users/

/wp/v2/users/?_fields=name,slug,id

const authors = [];
authors.push({ label: 'ユーザを選択してください', value: 0 });
wp.apiFetch({ path: '/wp/v2/users/?_fields=name,slug,id' }).then(
	users => {
		users.forEach(user => {
			authors.push({ label: user['name'], value: user['id'] });
		})
	}
);

import {
	InspectorControls,
} from '@wordpress/block-editor';
import {
	PanelBody,
	SelectControl,
} from '@wordpress/components';
const { registerBlockType } = wp.blocks;
const { serverSideRender: ServerSideRender } = wp;
const {　Fragment　} = wp.element;

//ユーザー情報を取得
const authors = [];
authors.push({ label: 'ユーザを選択してください', value: 0 });
wp.apiFetch({ path: '/wp/v2/users/?_fields=name,slug,id' }).then(
	users => {
		users.forEach(user => {
			authors.push({ label: user['name'], value: user['id'] });
		})
	}
);

registerBlockType('my-blocks/author-info', {
	title: 'ユーザー情報ブロック',
	discription: 'ユーザー情報を表示',
	icon: 'id-alt',
	category: 'my-blocks',
	attributes: {
		id: {
			type: 'string',
			default: 0
		},
	},

	edit: (props) => {
		const {
			attributes: {
				id,
			},
			setAttributes,
			className,
		} = props;

		return (
			<Fragment>
				<InspectorControls>
					<PanelBody title={'ユーザー情報設定'}>
						<SelectControl
							label={'ユーザー選択'}
							value={id}
							options={authors}
							onChange={(value) => setAttributes({ id: value })}
						/>
					</PanelBody>
				</InspectorControls>
				<div className={className}>
					<ServerSideRender
						block="my-blocks/author-info"
						attributes={props.attributes}
					/>
				</div>
			</Fragment >
		);
	},

register_block_type(
	'my-blocks/author-info',
	[
		'editor_style'    => 'my-blocks-editor-css',
		'editor_script'   => 'my-blocks-js',
		'attributes'      => [
			'id' => [
				'type' => 'string',
			],
		],
		'render_callback' => function( $attr, $content = '' ) {
			$attr = wp_parse_args(
				$attr,
				[
					'id' => 0,
				]
			);
			return do_shortcode( '[author id="' . $attr['id'] . '"]' );
		},
	]
);

/**
 * ユーザ情報ボックスを表示するショートコード
 */

add_shortcode( 'author', 's_code_author_box' );

function s_code_author_box( $atts, $content = null ) {
	$atts = shortcode_atts(
		array(
			'id' => '',
		),
		$atts
	);

	$author_data = get_userdata( intval( $atts['id'] ) );
	if ( ! $author_data ) {
		return '<p class="no_author">投稿者を指定してください。</p>';
	}

	$author_info   = $author_data->description;
	$author_name   = $author_data->display_name;

	$link_text = $author_name . 'が書いた記事一覧';

	ob_start();
	?>
	<div class="author_profile_box">
		<div class="author_profile_box-header">
			<div class="author_profile_box-face_image">
				<?php echo get_avatar( $author_data->ID, AUTHOR_AVATAR, '', $author_name ); ?>
			</div>
			<div class="author_profile_box-name"><?php echo esc_html( $author_name ); ?></div>
		</div>
		<div class="author_profile_box-description">
			<?php echo esc_html( $author_info ); ?>
		</div>
		<div class="author_profile_box-more_link">
			<a href="<?php echo esc_ulr( get_author_posts_url( $author_data->ID ) ); ?>"><?php echo esc_html( $link_text ); ?></a>
		</div>
	</div>
	<?php
	$src = ob_get_clean();

	return $src;
}