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 include jQuery and JavaScript files correctly?
  28. check if Gutenberg is currently in use
  29. How to use PanelColorSettings in custom Gutenberg block?
  30. How can I run AJAX on a button click event?
  31. Can I use the wp media uploader for my own plugin?
  32. Customizing the 3.5 “Add Media” popup (Backbone.js)
  33. Test to see if jQuery or Prototype is queued by another plugin?
  34. jQuery in header or footer
  35. Hook the Keydown Event in the TinyMCE Post Editor
  36. Adding pre-publish checks with Gutenberg
  37. Managing two editable fields in gutenberg
  38. How to make repeated component/block in Gutenberg
  39. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  40. wp_localize_script $handle
  41. How do I only load js on the post-new.php and post.php pages in admin?
  42. What’s the Right Way to get and save remote data for a Gutenberg block?
  43. Error : “Updating failed: The response is not a valid JSON response” with custom shortcode
  44. How to disable “Transform to” option in Gutenberg custom blocks
  45. Create custom blocks for bootstrap
  46. Passing select control value to block
  47. Saving data from block editor to the database
  48. How do I store information in a dynamic block in WordPress?
  49. How to Load Plugin JS in theme’s footer section
  50. How insert negative values in Gutenberg box-control
  51. Initial help with official “create a block” tutorial
  52. Are block templates incompatible with serialize_blocks?
  53. How do I dynamically render an InnerBlock inside a dynamic block?
  54. ServerSideRender and Media Object: attributes passing image data object to php renderer even though it’s not set
  55. Gutenberg blocks not getting styled on back end
  56. How to add Internationalization in WordPress using Javascript/React?
  57. Run code once when block is created
  58. How can I listen to events in Gutenberg block?
  59. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  60. WP Gutenberg Blocks – How to limit first/root blocks
  61. JSX in WordPress Plugin Development
  62. ResizableBox with RangeControl not working
  63. javascript datatables in a plugin
  64. What action hook can I use to add a JavaScript to a page post using a theme template that is not including get_header() nor get_footer()?
  65. should i be checking for jquery before enqueing it in a plugin
  66. Loading custom js file on the admin page through plugin
  67. Run JavaScript validation script on form submit in plugin
  68. Custom Plugin – CSS works, JS doesn’t
  69. Catching Gutenberg sidebar switch event
  70. Use npm and wp-env to make production bundle
  71. Passing the name of selected color from the custom component to `render_callback`
  72. How to use apiFetch to get author information in Gutenberg properly?
  73. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  74. How to add a panel/box/widget/are/screen to the right side of edit post/page confusion
  75. Service Worker Uncaught (in promise) DOMException
  76. Setting global block attribute value
  77. About a programming language starts with [closed]
  78. Referencing files in JavaScript in WordPress Plugin
  79. Should I put my plugin javascript inline?
  80. WordPress – Get Posts with Category data
  81. Custom Block Not Shown in Block Inserter
  82. var(–text-color) in style.scss works once but not twitch
  83. jQueryUI draggable doesn’t work in WordPress plugin
  84. Get value of custom checkbox from Gutenberg sidebar in plugin
  85. Where to save Gutenberg plugin data?
  86. Gutenberg component in a plugin admin
  87. XMLHttpRequest to open PHP file responds with Missing Page
  88. Replace the WordPress Media Library Uploader
  89. How to display archive by selecting year and then selecting month
  90. Custom plugin not appearing
  91. Gutenberg’s Popover component position relative to the focused element
  92. Gutenberg: – Call a function after Server Side Component is rendered
  93. How react js and other Javascript Technologies works on WordPress plugin?
  94. Accept only PDF file for upload
  95. get the queried_object of an url
  96. Trigger a JavaScript function based on the data fetched from Woo commerce hook
  97. Add custom data-attribute to core Gutenberg block within an template
  98. Call API on post save/update and show the result in admin area
  99. How to get custom user meta by id in custom Gutenberg block
  100. Remove Gutenberg Buttons Block