@wordpress/components セレクトボックス SelectControl にカテゴリーやカスタムタクソノミーをセットする

wp.data.select( 'core' ).getEntityRecords( 'taxonomy', 'category' )

const category = useSelect( ( select ) =>
	select( 'core' ).getEntityRecords( 'taxonomy', 'category' )
);

wp.data.select( 'core' ).getEntityRecords( 'taxonomy', 'plan-cat' )

import { __ } from '@wordpress/i18n';
import { registerBlockType } from '@wordpress/blocks';
import { useSelect } from '@wordpress/data';
import {
	useBlockProps,
	InspectorControls
} from '@wordpress/block-editor';
import {
	SelectControl,
	PanelBody
} from '@wordpress/components';
 
export default function Edit( { attributes, setAttributes } ) {
	const blockProps = useBlockProps();
	
	const {
		category_id,
		taxonomy_id
	} = attributes;
	
	const category = useSelect( ( select ) =>
		select( 'core' ).getEntityRecords( 'taxonomy', 'category' )
	);
	
	const category_options = [];
	category_options.push( {
		label: '選択してください',
		value: ''
	} );
	
	if ( category ) {
		for ( var i = 0; i < category.length; i++ ) {
			category_options.push( {
				label: category[i].name,
				value: category[i].id
			} );
		}
	}
  	
	const taxonomy = useSelect( ( select ) =>
		select( 'core' ).getEntityRecords( 'taxonomy', 'plan-cat', {per_page: -1, exclude:[23,24,25,26]} )
	);
  
	const taxonomy_options = [];
	taxonomy_options.push( {
		label: '選択してください',
		value: ''
	} );
	
	if ( taxonomy ) {
		for ( var i = 0; i < taxonomy.length; i++ ) {
			taxonomy_options.push( {
				label: taxonomy[i].name,
				value: taxonomy[i].id
	   		} );
		}
	}
	
	return (
    	<div { ...blockProps }>
    		<InspectorControls>
    			<PanelBody title={ __( 'カテゴリー', 'text-domain' ) } initialOpen="false">
			    	<SelectControl
						value = { category_id }
						options = { category_options }
						onChange = { ( value ) => {
							setAttributes({ category_id: value });
						}}
					/>
				</PanelBody>
				<PanelBody title={ __( 'カスタムタクソノミー', 'text-domain' ) } initialOpen="false">
         			<SelectControl
						value = { taxonomy_id }
						options = { taxonomy_options }
						onChange = { ( value ) => {
							setAttributes({ taxonomy_id: value });
						}}
					/>
				</PanelBody>
    		</InspectorControls>
    	</div>
	);
}

<SelectControl
	value = { attributes.career }
	options = { [
		{value: '', label: 'キャリアを選択'},
		{value: '18', label: 'NTTドコモ'},
		{value: '19', label: 'au'},
		{value: '20', label: 'SoftBank'},
		{value: '5', label: '楽天モバイル'},
		{value: '8', label: 'ahamo'},
		{value: '7', label: 'LINEMO'},
		{value: '6', label: 'povo'},
		{value: '13', label: 'UQmobile'},
		{value: '9', label: 'Y!mobile'},
		{value: '22', label: 'irumo'},
		{value: '14', label: 'mineo'},
		{value: '4', label: 'IIJmio'},
		{value: '21', label: 'J:COMモバイル'},
		{value: '12', label: 'NUROモバイル'},
		{value: '16', label: 'イオンモバイル'},
		{value: '15', label: 'BIGLOBEモバイル'},
		{value: '17', label: 'HISモバイル'},
		{value: '11', label: 'LIBMO'},
		{value: '10', label: '日本通信'}
	] }
	onChange = { (newCareer) => {
		setAttributes({ career: newCareer });
	}}
/>