Merge pull request #50 from grammarly/f-wrap-fragment

Wrap in fragment render many list
grammarly · Oct 29, 2019 · b561fd5 · b561fd5
2 parents d0d8191 + c9914a9
commit b561fd5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/examples/todomvc/webpack/dev_server.js b/packages/examples/todomvc/webpack/dev_server.js
@@ -16,7 +16,7 @@ app.use(require('webpack-hot-middleware')(compiler));
 
 app.get('/node_modules/todomvc-app-css/index.css', (req, res) => {
   res.sendFile(path.join(
-    __dirname, '../node_modules/todomvc-app-css/index.css'));
+    __dirname, '../../../../node_modules/todomvc-app-css/index.css'));
 });
 
 app.get('/', (req, res) => {

diff --git a/packages/focal/src/react/react.ts b/packages/focal/src/react/react.ts
@@ -256,7 +256,10 @@ function render<P>(
               for (let j = 0; j < i; ++j)
                 newChildren[j] = propValue[j]
             }
-            newChildren[i] = observedValues[++k]
+            const childValue = observedValues[++k]
+            newChildren[i] = !childValue || childValue.key
+              ? childValue
+              : React.createElement(React.Fragment, { key: i }, childValue)
           } else if (newChildren) {
             newChildren[i] = propValue[i]
           }