How to grab posts in Gutenberg Block?

Trying to get latest 10 posts to display in a Gutenberg plugin, but I can’t figure out how to access the latest posts from the block.js. I know how to do it from PHP and it’s easy, but this is new to me. Do I have to make a request to the REST API or is there a better practice?

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

You’ll need to use the REST API. You can access the latest posts by calling:

wp.apiFetch( { path: '/wp/v2/posts' } ).then( posts => {
    console.log( posts );
} );

Here is some more information on using the package – https://developer.wordpress.org/block-editor/packages/packages-api-fetch/


All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x