Issue #27 - avoid messages along the lines of Warning: Each child in …

…a list should have a unique key prop.
bobbingwide · Jan 13, 2020 · aea0217 · aea0217
1 parent 3a273c5
commit aea0217
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/blocks/oik-blocklist/blocklist.js b/blocks/oik-blocklist/blocklist.js
@@ -135,7 +135,7 @@ function BlockCreateItem( block, component ) {
     if ( component == '') {
         component = "?enter component?";
     }
-    return( <Fragment>
+    return( <Fragment key={block.name}>
         <br/>oikwp oik-create-blocks.php {block.name} "{block.title}" {component} url={url}
         <br/>oikwp oik-update-blocks.php {block.name} "{keywords}" {block.category} url={url}
     </Fragment> );
@@ -154,7 +154,7 @@ function BlockCreateBlockLink( block, component ) {
     var blockIcon = renderToString( <BlockIcon icon={block.icon.src } /> );
     url = addQueryArgs( url, { icon: blockIcon });
     //console.log( url );
-    return( <a href={ url }>
+    return( <a key={block.name} href={ url }>
         Create/Update: {block.title} - {block.name}<br />
     </a>
     );

diff --git a/blocks/oik-blocklist/index.js b/blocks/oik-blocklist/index.js
@@ -152,7 +152,9 @@ export default registerBlockType(
 
 
 
-            return [
+            return (
+
+                <Fragment>
                 <InspectorControls >
                     <PanelBody>
 
@@ -205,14 +207,15 @@ export default registerBlockType(
                     </PanelBody>
 
                 </InspectorControls>
-                ,
+
                 <div className={ props.className }>
                 { blocklist }
                 </div>
-                ,
+                    </Fragment>
+
 
 
-            ];
+            );
         },
         /*
         <ServerSideRender