Ready to go

Author: KamilSobieraj

src/recursion/Recursion.jsx

@@ -1,8 +1,6 @@
 import React, { Component } from "react";
 import RecursiveComponent from "./RecursiveComponent";
 
-// write components here
-// const One and so on...
 const One = ({ children }) => {
   return <div className="box">One {children}</div>;
 };
@@ -12,8 +10,6 @@ const Two = ({ children }) => {
 const Three = ({ children }) => {
   return <div className="box">Three {children}</div>;
 };
-
-// assign components below
 const components = [One, Two, Three];
 
 export default class Recursion extends Component {

src/recursion/RecursiveComponent.jsx

@@ -7,21 +7,14 @@ export default class RecursiveComponent extends Component {
     this.components = this.props.components;
   }
   recurseThemAll() {
-    return this.props.components.reduceRight(
+    return this.components.reduceRight(
       (children, NestedComponent) => (
         <NestedComponent>{children}</NestedComponent>
       ),
       null
     );
   }
-
   render() {
-    return (
-      <div>
-        {this.recurseThemAll()}
-        {/*this.props.components.map(e => e())*/}
-        {/* invoke recursive method here */}
-      </div>
-    );
+    return <div>{this.recurseThemAll()}</div>;
   }
 }