Pass props using spread operator

drewbitt · Nov 13, 2019 · 7f9ca84 · 7f9ca84
1 parent 1d2752d
commit 7f9ca84
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -10,9 +10,9 @@ function App(props) {
       <header className="App-header">
         <h1>Trace.moe</h1>
         <h4>Trace the original anime from a screenshot.</h4>
-        <PaperDropzone props={props} />
+        <PaperDropzone {...props} />
         <h2 style={{ color: "orange" }}>OR</h2>
-        <URLForm props={props}/>
+        <URLForm {...props}/>
         <LoadingSpinnerComponent />
       </header>
     </div>

diff --git a/src/components/PaperDropzone.js b/src/components/PaperDropzone.js
@@ -10,7 +10,7 @@ function PaperDropzone(props) {
     trackPromise(
       searchAnime(acceptedFiles).then(res => {
         console.log(res);
-        props.props.history.push("/results", { results: res });
+        props.history.push("/results", { results: res });
       })
     );
   });

diff --git a/src/components/URLForm.js b/src/components/URLForm.js
@@ -10,7 +10,7 @@ class URLForm extends React.Component {
     trackPromise(
       searchAnimeWithURL(urlString).then(res => {
         console.log(res);
-        this.props.props.history.push("/results", { results: res });
+        this.props.history.push("/results", { results: res });
       })
     );
   };