use react router link

Author: SuaYoo

src/App.js

@@ -80,7 +80,7 @@ const RabbitHolePage = withRouter(
       super(props);
       this.state = {
         wikiData: {},
-        firstPageTitle: "",
+        firstPageTitle: '',
       };
     }
 
@@ -141,7 +141,9 @@ const RabbitHolePage = withRouter(
         //  3. /wiki/Mammal    ->  /#/?wiki=Pet_door|Dog|Mammal
         // TODO Handle if URL is too long, show message like
         // "you've been in the rabbit hole too long"
-        `/#/?wiki=${wikiValue ? `${wikiValue}` : `${this.state.firstPageTitle}`}|`
+        `/#/?wiki=${
+          wikiValue ? `${wikiValue}` : `${this.state.firstPageTitle}`
+        }|`
       );
     }
 
@@ -163,26 +165,20 @@ const RabbitHolePage = withRouter(
     }
 
     startNewRabbithole() {
-      fetch(
-        `https://en.wikipedia.org/api/rest_v1/page/random/title`,
-        {
-          headers: {
-            'Content-Type': 'application/json',
-          },
-        }          
-      )
-      .then((resp) => resp.json())
-      .then((randomTitleData) => {
-        const randomPageTitle = randomTitleData.items[0].title;
-        console.log('TITLE FETCH resp', randomPageTitle);
-        this.setState({ firstPageTitle: randomPageTitle });
-
-        this.fetchPage(randomPageTitle);
-       
-      });    
-    }
-
+      fetch(`https://en.wikipedia.org/api/rest_v1/page/random/title`, {
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      })
+        .then((resp) => resp.json())
+        .then((randomTitleData) => {
+          const randomPageTitle = randomTitleData.items[0].title;
+          console.log('TITLE FETCH resp', randomPageTitle);
+          this.setState({ firstPageTitle: randomPageTitle });
 
+          this.fetchPage(randomPageTitle);
+        });
+    }
 
     render() {
       var rabbitHolePath = [];
@@ -196,17 +192,15 @@ const RabbitHolePage = withRouter(
 
       return (
         <div>
-          <a href="/#/" onClick={() => this.startNewRabbithole()}>
+          <Link to="/" onClick={() => this.startNewRabbithole()}>
             START OVER
-          </a>
+          </Link>
 
           <ul>
             {rabbitHolePath.map((pageTitle, index) => (
               <li key={index}>{pageTitle}</li>
-            )
-            )}
+            ))}
           </ul>
-          
 
           {this.state.wikiData.lead &&
             this.state.wikiData.lead.sections &&