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