Merge af54caa into a1385aa

react-component · Feb 17, 2020 · 17da2ac · 17da2ac
2 parents a1385aa + af54caa
commit 17da2ac
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/examples/todo.js b/examples/todo.js
@@ -67,7 +67,7 @@ class TodoList extends React.Component {
     return (
       <div>
         <button onClick={this.handleAdd}>Add Item</button>
-        <Animate transitionName="fade">
+        <Animate transitionName="fade" component={React.Fragment}>
           {items}
         </Animate>
       </div>

diff --git a/src/Animate.js b/src/Animate.js
@@ -28,6 +28,10 @@ function getChildrenFromProps(props) {
 function noop() {
 }
 
+function isReactFragment(component) {
+  return React.Fragment && component === React.Fragment;
+}
+
 class Animate extends React.Component {
   static isAnimate = true; // eslint-disable-line
 
@@ -321,7 +325,7 @@ class Animate extends React.Component {
     }
     const Component = props.component;
     if (Component) {
-      let passedProps = props;
+      let passedProps = isReactFragment(Component) ? {} : props;
       if (typeof Component === 'string') {
         passedProps = {
           className: props.className,

diff --git a/tests/multiple.spec.js b/tests/multiple.spec.js
@@ -72,7 +72,7 @@ class TodoList extends React.Component {
     });
     return (
       <div>
-        <Animate transitionName="example">
+        <Animate transitionName="example" component={React.Fragment}>
           {items}
         </Animate>
       </div>