Merge pull request #187 from ZhiliangLiu/zoranliu/fix-react-fragment

fix react fragment

Author: shinnqy

libs/core/src/lib/renderer/components/Disguise.ts

@@ -29,6 +29,8 @@ export interface DisguiseProps {
    * The Angular child components to render.
    */
   ngChildComponents?: ReactWrapperComponent<any>[];
+
+  key?: string | number
 }
 
 /**
@@ -37,15 +39,18 @@ export interface DisguiseProps {
 export class Disguise extends React.PureComponent<DisguiseProps> {
   render() {
     const { disguiseRootAs, disguiseChildrenAs, children, ngChildComponents, ...rest } = this.props;
-    const Root = disguiseRootAs || React.Fragment;
 
     const renderedChildren = ngChildComponents
       ? this._isReactContentOnlyChild()
         ? this._renderReactContentChildren()
         : this._renderChildrenNaive()
       : children;
 
-    return React.createElement(Root, rest || null, renderedChildren);
+    if (disguiseRootAs != null) {
+      return React.createElement(disguiseRootAs, rest || null, renderedChildren);
+    } else {
+      return React.createElement(React.Fragment, rest.key != null ? { key: rest.key } : null, renderedChildren);
+    }
   }
 
   private _isReactContentOnlyChild(): boolean {