Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
From the Handbook, creating a higher order component is a best practice for the WordPress abstraction layer of React.
const { createHigherOrderComponent } = wp.compose;
const withClientIdClassName = createHigherOrderComponent( ( BlockListBlock ) => {
return ( props ) => {
return <BlockListBlock { ...props } className={ "block-" + props.clientId } />;
};
}, 'withClientIdClassName' );
wp.hooks.addFilter( 'editor.BlockListBlock', 'my-plugin/with-client-id-class-name', withClientIdClassName );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment