next: api

Author: c25vdw

.gitignore

@@ -19,3 +19,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.vscode

.vscode/settings.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "firebase": "^5.5.5",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
     "react-router-dom": "^4.3.1",

package.json

@@ -1,32 +1,12 @@
-import React, { Component } from 'react';
+import React from 'react';
 // import logo from './logo.svg';
-import './App.css';
+// import './App.css';
+import Router from './router';
 
-class App extends Component {
-  constructor() {
-    super()
-    this.state = {
-      count: 0,
-    }
-  }
-
-  addOne = () => {
-    console.log("added one", this)
-    this.setState(state => ({
-      count: state.count + 1
-    }))
-  }
-  what = () => {
-    console.log(this)
-    return this
-  }
+class App extends React.Component {
   render() {
     return (
-      <div className="App">
-        <button onClick={this.addOne}> click me </button>
-        <p>you clicked me {this.state.count} times.</p>
-        <div className="this" onClick={this.what}><button>what is this fuck</button></div>
-      </div>
+      <Router/>
     );
   }
 }

src/App.js

@@ -0,0 +1,14 @@
+import firebase from 'firebase/app'
+import 'firebase/database'
+
+function createAPI ({config, version}) {
+  firebase.initializeApp(config)
+  return firebase.database().ref(version)
+}
+
+const api = createAPI({
+  version: '/v0',
+  config: {
+    databaseURL: 'https://hacker-news.firebaseio.com'
+  }
+})

src/api/api.js

@@ -0,0 +1,21 @@
+import React, {
+  Component
+} from 'react'
+
+class Home extends Component {
+  constructor() {
+    super()
+    this.state = {
+
+    }
+  }
+  render() {
+    return ( 
+      <div className = "Home" >
+      <p> this is Home 哦， 是主页哦！ </p>
+      </div>
+    )
+  }
+}
+
+export default Home

src/api/index.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import { HashRouter as Router, Route, Link } from "react-router-dom";
+
+import Home from '../components/Home'
+
+export default class HNRouter extends React.Component {
+  render () {
+    return (
+      <Router>
+        <div>
+          <div className="nav">
+            <ul>
+              <Link to="/">Home</Link>
+              <Link to="/page">Page</Link>
+              <Link to="/about">About</Link>
+            </ul>
+          </div>
+        
+          <Route exact path="/" component={Home}/>
+        </div>
+      </Router>
+    )
+  }
+}