That’s not how blocks work, the save component generates static HTML, so you can’t use interactive hooks or state.
The important part is that the save component only runs inside the editor on your browser. It does not run in the database, or on the client. You can’t save a react component to the database and render it with interactivity on the frontend.
Instead if you want to fetch the 3 latest posts you have 2 options:
- enqueue a JS file on the frontend that fetches the posts from the REST API
- save
nulland use PHP filters to render the 3 latest posts
The latter is how core does it for full site editing blocks
Related Posts:
- Unable to trigger a frontend @wordpress/hooks action
- Hide gutenberg option blocks
- Disable block from editor based on post type
- WordPress v5.0.3 Gutenberg & JS error “Uncaught SyntaxError: missing ) after argument list”
- Gutenberg gallery hook errors
- What is the best filter where to use register_block_type?
- @wordpress/hooks use to add actions/filters within multiple plugin
- How to extend custom (non-core) blocks?
- Is it possible to switch Gutenberg’s editor styles when document settings change?
- How do I run an action after a featured image has been selected in the Gutenberg editor?
- WordPress How to reorder Page/Post Settings
- How To Apply Different Styles To All Blocks Based on Post Meta Value?
- getSaveContent.extraProps hook for core/post-title doesn’t add new attributes on to the frontend
- How to set Post ID from context to an attribute in child block of Gutenberg Query Loop
- The enqueue_block_assets is changing the styles of the editor interface
- Replacing specific Gutenberg blocks
- useSelect() plus resolver result is serving cached data incorrectly
- Core/Image access caption in render_template and in wp.hooks
- HowTo modify BlockEdit-Component in Filter-Hooks for core-block Extensions
- How to expose hooks to @wordpress/hooks?
- Is there a way to send HTML formatted emails with WordPress’ wp_mail() function?
- How to get WordPress’ hooks/actions run sequence?
- Where can I find a list of WordPress hooks?
- Is there a save_post hook for custom post types?
- Where is the right place to register/enqueue scripts & styles
- How to know what functions are hooked to an action/filter?
- How to hook update_post_meta and delete_post_meta?
- Are there any hooks that alter the 404 logic?
- Is there a hook that runs after a user logs in?
- Difference between do_action and add_action
- WP Cron Doesn’t Execute When Time Elapses
- WooCommerce: change display order of product short description and price [closed]
- Why do some hooks not work inside class context?
- Difference between after_setup_theme and init action hooks?
- get $post in init filter or action?
- Use wp init hook to call other hooks?
- How many times can I hook into the same action?
- How do I implement the WordPress Iris picker into my plugin on the front-end?
- How to intercept a 404 error
- Move excerpt meta box to above content editor
- Set default image link target in Gutenberg image block
- Action hook for custom tax edit
- Trigger custom action when setting button pressed
- What is “all” in isset($wp_filter[‘all’])
- Whats worth using add_action when we can simply use add_filter?
- Is there a limit to hook priority?
- Please explain how these hooks work
- Add_action to wp_head via functions.php
- How to use wp.hooks.addAction() in React JS/Gutenberg?
- Hook after image is uploaded and image sizes generated
- Is there a hook before the user is authenticated?
- Hook that fires when admin setting is saved
- add_action(‘wp_ajax_[action name]’, myfunction) problem
- What is the difference between update_post_meta and update_postmeta hooks?
- Hook ‘wp_enqueue_scripts’ priority has no effect
- Hook on trash post
- Hook *after* user password change?
- Auto-retrieve YouTube Image for Thumbnail?
- Which hook if user profile information is updated?
- How to remove action hook done in a plugin from functions.php in my theme?
- Hooks for trashing, deleting, saving, restoring custom post type
- Is there a WordPress core & plugins update action hook?
- Hook into WordPress update?
- trigger save_post event programmatically
- Implementing advanced add_* function wrappers
- Adding onload to body
- My add_action (wp_footer, ‘method’) is not calling?
- Do WordPress Core Filenames Work as Hooks?
- What is the earliest possible hook for safely using `is_front_page`?
- switch_to_blog(): Load textdomain
- Extend core block in Gutenberg
- How to call a REST endpoint when a post is published?
- __NAMESPACE__ with register_activation_hook
- Can I hook inside another hook?
- Adding function directly vs using hook in function.php
- Are hooks called synchronously?
- How to check if which hook triggered the call to a function?
- How can I send to multiple Contact Form 7 recipients based on form input? [closed]
- Hook into wp_head(); in a plugin
- Send data to 3rd party api with wp_remote_post on wp_login
- is it possible to get the hook name in add_action?
- Hook for URL Request
- How do I flush the rules after saving settings using the Settings API?
- Run javascript code after wp_login hook?
- Admin Notification after save_post, when ajax saving in gutenberg
- Does anyone have a visual breakdown of core hooks and when they are fired?
- How to customize the WP admin default help contents
- What is the action hook for save media-form on gallery tab?
- What hook is executed just after wp_query has been executed?
- The ‘user_has_cap’ hook seems to take two page loads to trigger
- Hooking a callback into the code within a Gutenberg block
- How and where can we request new WordPress hooks to be added?
- WordPress Admin Tooltip hooks
- Difference between hooks Plugin_loaded and admin_int?
- Wp_update_post: Infinite loop even with remove_action solution, OOP
- Hook/notify when any option or setting is added or updated
- Is it possible to save/modify a post without calling the “save_post” action hook?
- Which hooks is this? add_action(‘wp’,
- Redirect logged in users if they are on a specific page
- Make W3 Total Cache “Empty All Caches” function purge varnish [closed]