Javascript function defined in view.js not reachable from save.js

To achieve your goal:

  • All of your React logic will need to be in your edit.js file and not your save.js file. The save.js file is only for viewing the final data on the WP Admin after you save a post or on the live post.

  • The view.js file can only contain Vanilla JavaScript (from the way you are using it). Then when you save your block, on the saved post WP Admin screen or the live post screen you the React JSX you added in your save.js file will be converted to HTML and your view.js file will need to be Vanilla JavaScript that interacts with this HTML.

Let em know if this makes sense.

Related Posts:

  1. lodash dependency in a Gutenberg plugin
  2. creating elements/innerblocks via rangecontrol
  3. Looking for callback function after Gutenberg is rendered?
  4. Gutenberg: useDispatch is not a function – @wordpress/data included
  5. Make a list with header and subtext in Gutenberg blocks
  6. Gutenberg – What is the best way to save/update post meta?
  7. How to prevent UNDO on guternberg block editor
  8. Do I have to worry about useState causing a re-render?
  9. Creating a custom Gutenberg block with columns
  10. Gutenberg: import dependency or assign from global variable?
  11. How to control an elements classes from multiple Gutenberg sidebar controls?
  12. Developing the save function in Gutenberg blocks
  13. Gutenberg – is it ok to load dependencies multiple times?
  14. Preventing double loading JS scripts (like React) when developing for Gutenberg
  15. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  16. Trigger function on Remove block or add new block in Gutenberg JavaScript
  17. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  18. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  19. What happens/fires when you select a block in the editor?
  20. Is “document loaded” different on admin side than public side?
  21. How to use setAttributes outside of the edit function return
  22. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  23. Reading plugin settings in esnext wordpress block
  24. How can i add insertion point between inner blocks in my custom block like core blocks
  25. Reinitiate Gutenburg’s blocks using javascript
  26. Insert text programmatically in WordPress Gutenberg Editor
  27. How to move custom gutenberg block controls from settings to styles tab?
  28. How to use useSelect to retrieve the currently default fontFamily?
  29. Event when Modal is opened/visible
  30. useBlockProps() nests wrapper with class name inside block wrapper in the editor
  31. Is It Possible to Use the Block Editor’s Notification Feature to Send Another Notification After the Post Is Saved?
  32. Is it possible to reuse wp.media.editor Modal for dialogs other than media
  33. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  34. How to provide translations for a WordPress TinyMCE plugin?
  35. How-to implement admin Ajax inside an admin WP_List_Table?
  36. Include third party Javascript library which is not included in WordPress
  37. How to remove unwanted panels inside InspectorControls from core blocks in Gutenberg
  38. Create Element From Dynamic HTML String [closed]
  39. The changes I make to an external JS file of my WP plugin are only applied after I clear my browser’s cache
  40. `wp_set_script_translations` with `wp.i18n` does not return translated strings in simple plugin
  41. How to Parse an Array of Elements in Gutenberg Block
  42. Can’t get JS code to work with shortcode
  43. Using the component outside the editor. select(‘core’) is null
  44. Gutenberg is there a way to know if the current block is reusable?
  45. How to allow core Gutenberg blocks selection only when you are inside a custom inner block
  46. Gutenberg registerFormatType with Multiple Classes
  47. How do I add a javascript file to all admin pages via a plugin?
  48. Passing RichText attributes to function onChange
  49. Print WordPress username id inside JavaScript
  50. Mixing Regular Javascript With jQuery in a Plugin
  51. How to create multiple Gutenberg blocks in one plugin
  52. How to get color name in PanelColorSettings in custom Gutenberg block?
  53. How to run a external JavaScript file on wp-admin if admin, and other if normal user?
  54. Where to call wp_enqueue_script in a plugin with custom template?
  55. Gutenberg Block showing invalid content on edit
  56. WordPress Plugin with a shortcode that dynamically generates javascript. Can I use add_action without wrapping the javascript in a function?
  57. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  58. How to setAttributes in Gutenberg block?
  59. How to override gutenberg paragraph block edit property
  60. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  61. “import declarations may only appear at top level of a module” when importing WooCommerce API node module
  62. How can I get the selected string when using a toolbar button in Gutenberg?
  63. wp.template() returns tags in Ajax response
  64. add javascript files only when plugin is called?
  65. Gutenberg table block with Bootstrap .table class
  66. Run JavaScript validation script on form submit in plugin
  67. Custom Plugin – CSS works, JS doesn’t
  68. How to add template colors to custom block options in WordPress Gutenberg editor sidebar?
  69. How to use apiFetch to get author information in Gutenberg properly?
  70. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  71. How to add a panel/box/widget/are/screen to the right side of edit post/page confusion
  72. Service Worker Uncaught (in promise) DOMException
  73. How to properly package a block plugin
  74. Setting global block attribute value
  75. About a programming language starts with [closed]
  76. Should I put my plugin javascript inline?
  77. Custom Block Not Shown in Block Inserter
  78. Query String Filtering API
  79. How to extend SelectControl with data from my theme
  80. Gutenberg block breaks when showing new data
  81. jQueryUI draggable doesn’t work in WordPress plugin
  82. Get value of custom checkbox from Gutenberg sidebar in plugin
  83. Where to save Gutenberg plugin data?
  84. Gutenberg component in a plugin admin
  85. Append php file to footer
  86. XMLHttpRequest to open PHP file responds with Missing Page
  87. Filterable posts using categories
  88. How to get the value entered in the input field in wordpres
  89. Help interpreting @wordpress/create-block-tutorial-template usage error
  90. How can I add a custom button to the post editor?
  91. Block Development: hamburger module throwing error in save function
  92. Insert meta-description into Yoast-SEO input-field via JavaScript
  93. Adding a navigation with wp_nav_menu() to a custom block in the site editor
  94. Why isn’t custom sidebar panel not showing up in the Gutenberg Editor?
  95. REST API error in block editor for custom templates
  96. Set srcset on a block image
  97. Access DOM Element in Gutenberg Block on WP Admin Post Edit Screen
  98. Custom Gutenberg Block ‘Stylized List’ – Incorrect Rendering and Looping of List Items
  99. Attributes array not saving values
  100. Insert Button in to the Block Editor (Header) Toolbar