MyWholeTyssLearning/Routing.js at master · PratheebaSam/MyWholeTyssLearning · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
import React, { useState } from "react";
import { BrowserRouter as Router, Link, Route } from "react-router-dom";
import Personal from "./component/Personal";
import Education from "./component/Education";
import Projects from "./component/Projects";
import Experience from "./component/Experience";
import Extra from "./component/Extra";

function Routing() {

    let [values, setValues] = useState({
      fname: "",
      lname: "",
      email: "",
      phnumber: "",
      website: "",
      github: "",
      linkedin: "",
      twitter: "",
      facebook: "",
      instagram: "",
      college: "",
      date1: "",
      date2: "",
      qualification1: "",
      desc1: "",
      school: "",
      date3: "",
      date4: "",
      desc2: "",
      title1: "",
      link1: "",
      desc3: "",
      title2: "",
      link2: "",
      desc4: "",
      institute1: "",
      position1: "",
      duration1: "",
      desc5: "",
      institute2: "",
      position2: "",
      duration2: "",
      desc6: "",
      skill1: "",
      skill2: "",
      skill3: "",
      skill4: "",
      skill5: "",
      skill6: "",
      interest1: "",
      interest2: "",
      interest3: "",
      interest4: "",
      interest5: "",
      interest6: "",
    });

  return (
    <div>
      <Router>
        <Link to="/" />
        <Link to="/Education" />
        <Link to="/Projects" />
        <Link to="/Experience" />
        <Link to="/Extra" />
        <Route exact path="/">
          <Personal sample={[values,setValues]} />{" "}
        </Route>
        <Route path="/Education">
          <Education sample={[values,setValues]} />{" "}
        </Route>
        <Route path="/Projects">
          <Projects sample={[values,setValues]} />
        </Route>
        <Route path="/Experience">
          <Experience sample={[values,setValues]} />
        </Route>
        <Route path="/Extra" >
          <Extra sample={[values,setValues]} />
        </Route>
      </Router>
    </div>
  );
}

export default Routing;