Using wp.data.select get actual tags (not id's) used in post

You can use getEntityRecord() like so:

const tag_ids = wp.data.select( 'core/editor' ).getEditedPostAttribute( 'tags' );

// the last parameter is always the tag ID (and just one single ID)
const tag = wp.data.select( 'core' ).getEntityRecord( 'taxonomy', 'post_tag', tag_ids[0] );

console.log( tag ? tag.name : 'still resolving or no such tag..' );

Or use getEntityRecords() with the include parameter set to the tag IDs:

const tag_ids = wp.data.select( 'core/editor' ).getEditedPostAttribute( 'tags' );

// the last parameter is an object containing the REST API endpoint arguments
const tags = wp.data.select( 'core' ).getEntityRecords( 'taxonomy', 'post_tag', { include: tag_ids } );

console.log( tags && tags[0] ? tags[0].name : 'still resolving or tags[0] not available' );

Just remember that getEntityRecord() and getEntityRecords() perform an AJAX request to the /wp/v2/tags route in the REST API, so the functions may not immediately return the response from the API.

Related Posts: