Gutenberg Blocks: how to determine an index of the current inner block?

A save component is intended to save static HTML, and can rely only on the blocks attribute. No interactivity, no local state, no AJAX requests, etc, just block attributes.

If you achieve what you’re trying to do you’ll immediately run into a new problem with block validation failure. You cannot use the save component to figure out this information. Figure it out somewhere else and store it as an attribute, ideally in the edit component.

Related Posts:

  1. Trigger Javascript on Gutenberg (Block Editor) Save
  2. What are all the query parameters for getEntityRecords?
  3. Extend core block in Gutenberg
  4. Show control conditionally in Gutenberg
  5. Get loading state of wp data selector
  6. How to get the ToggleControl Gutenberg component working for a PHP Block
  7. Is there a core Sortable component in Gutenberg?
  8. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  9. Correctly handling WordPress core data retrieval in Gutenberg
  10. Is there a client side API for handling transients or options?
  11. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  12. How do I fire a snackbar notice in admin?
  13. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  14. What is “open()” in MediaUpload?
  15. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  16. Adding a text element in between title and blocks container
  17. Setting HTML properties in a Gutenberg plugin using WordPress settings
  18. Gutenberg RichText
  19. Provide specific example for block variation
  20. Set current tab on a Gutenberg TabPanel component from outside that component
  21. Block editor: How to check if block editor has initialized and populated the data store?
  22. How to use wp.hooks.addAction() in React JS/Gutenberg?
  23. Gutenberg block “This block appears to have been modified externally” on save
  24. How to get value of selected page template in Gutenberg editor?
  25. @wordpress/components Button variants not styled
  26. Block Editor: How to get title and post content within the WordPress admin UI in Javascript?
  27. Custom block SelectControl works but equivalent ComboboxControl gives errors – where’s my mistake?
  28. Gutenberg passing block attributes to component in ES6/ESNext
  29. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  30. How can I add Block Style support to the core HTML block in Gutenberg?
  31. var is undefined in a Gutenberg block
  32. Using wp.data.select get actual tags (not id’s) used in post
  33. can a buttongroup have a label?
  34. How to remove p / br elements from gutenbergs editor
  35. Programatically update posts in database from one block to another using transform
  36. InnerBlocks restricting does not work on nested blocks
  37. Gutenberg: Block validation Failed Richtext undefined
  38. Add A Tag To A Post Through JavaScript In Gutenberg UI?
  39. Add custom HTML markup to Gutenberg RichText
  40. Listening change event of taxonomy term checkboxes in Gutenberg editor
  41. How to return div with custom attributes(Coding a Gutenberg Block)
  42. Gutenberg get core data – search
  43. Get Block Attributes in JSON REST API
  44. Open Featured Image Modal in WordPress Gutenberg onClick of a button
  45. How to add classes and events to image in javascript using Gutenberg?
  46. Checks when fetching data from multiple REST API endpoints in Gutenberg
  47. Search for a keyword across post types in a Gutenberg component
  48. Add custom classes for blocks in editor based on custom attributes
  49. useSelect second parameter
  50. How can I allow HTML in Gutenberg UI elements help text?
  51. what is the purpose of the namespace argument when customizing blocks?
  52. Trigger wp-embed via JavaScript to refresh iframe preview?
  53. How can I import one custom block into another?
  54. Gutenberg getBlockIndex in save() function
  55. Trying to turn the Edit function into a class to be able to use React lifecycle methods
  56. Get terms of a taxonomy using useSelect
  57. Gutenberg richtext block vaildation failed
  58. UnitControl – Block has encountered an error
  59. Gutenberg select excerpt, use generated excerpt or use more block excerpt
  60. Custom Gutenberg-Block esnext pass variables
  61. Building a Featured Gallery component for Gutenberg
  62. Gutenberg dependencies in package.json
  63. find out reason of “Updating failed” in Post-editor
  64. How to read inline-CSS from Gutenberg block?
  65. Gutenberg RangeControl
  66. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  67. Problem extending a core block
  68. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  69. Add a Page Screen is Visually Blank
  70. Gutenberg sidebar show input field on toggle
  71. Get the ID of a page in Parent combobox in editor
  72. Issue migrating a checkbox-type meta field to the block editor
  73. Update block once an API request returns with a value
  74. Gutenberg – dynamically created element: how to set onChange?
  75. Custom block update rendering when reused
  76. WordPress Gutenberg Ajax request
  77. Gutenberg Edit Block Inspector Controls and save
  78. Spans in gutenberg
  79. Block pattern conflict with custom block
  80. WordPress Gutenberg: Attribute overwritten by block duplicate
  81. How to delete child block for associated parent block
  82. Passing object to FormTokenField suggestions
  83. How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
  84. How can I show a Slot/Fill in the block editor
  85. How to add more elements to an already existing section in Gutenberg
  86. How do i get an Inline style in Gutenberg Block show up in front end?
  87. WordPress adds and tags into HTML blocks after saving
  88. Gutenberg core/file add style support in js/ json
  89. Working with a non-React external library in a custom block
  90. How to add a css class to postTitleWrapper in Gutenberg?
  91. Masonry gallery block is working in the block editor but not the template editor
  92. How to import the imagesLoaded and Masonry libs that come with WP in a Gutenberg block?
  93. Additional CSS classes not being added in Gutenberg editor
  94. How do I filter/modify the updated content on save using javascript?
  95. How to execute some javascript code in the editor when a block pattern is added?
  96. How to add an additional dependency to a block index.asset.php file
  97. Why is the Gutenberg editor not recognizing my updates?
  98. How to transform a shortcode into a block
  99. useSelect() plus resolver result is serving cached data incorrectly
  100. Gutenberg DatePicker component with time set to zero