Skip to content

Instantly share code, notes, and snippets.

@srezasm

srezasm/App.js

Last active September 13, 2020 10:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save srezasm/1bf58886aecf04f002b4710d9f9cdee5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save srezasm/1bf58886aecf04f002b4710d9f9cdee5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. srezasm revised this gist Sep 13, 2020. 3 changed files with 17 additions and 22 deletions.
    15 changes: 15 additions & 0 deletions App.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    import React from "react";
    import { BrowserRouter, Route, Link, Switch } from "react-router-dom";
    import AskPage from "./AskPage";

    const App = () => {
    return (
    <BrowserRouter>
    <Link to="/ask">AskPage</Link>

    <Route exact path="/ask" component={AskPage} />
    </BrowserRouter>
    );
    };

    export default App;
    18 changes: 0 additions & 18 deletions App.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -1,18 +0,0 @@
    import React from 'react';
    import { BrowserRouter, Route, Link } from 'react-router-dom';
    import { AskPage } from './AskPage';

    const App = () => {
    return (
    <React.Fragment>
    <h1>Hello! this is HomePage</h1>
    <Link to="/ask">AskPage</Link>

    <BrowserRouter>
    <Route path="/ask" component={AskPage} />
    </BrowserRouter>
    </React.Fragment>
    );
    };

    export default App;
    6 changes: 2 additions & 4 deletions AskPage.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,3 @@
    import React from 'react';
    import React from "react";

    export const AskPage = () => {
    return <h1> This is AskPage </h1>
    }
    export const AskPage = () => <h1> This is AskPage </h1>;
  2. srezasm revised this gist Sep 13, 2020. No changes.
  3. srezasm revised this gist Sep 13, 2020. No changes.
  4. srezasm revised this gist Sep 13, 2020. 1 changed file with 13 additions and 12 deletions.
    25 changes: 13 additions & 12 deletions App.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -1,17 +1,18 @@
    import React from 'react';
    import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
    import { HomePage } from './HomePage';
    import { BrowserRouter, Route, Link } from 'react-router-dom';
    import { AskPage } from './AskPage';

    const App = () => {
    return (
    <BrowserRouter>
    <Switch>
    <Redirect from="/home" to="/" />
    <Route exact path="/" component={HomePage} />

    <Route path="/ask" component={AskPage}/>
    </Switch>
    </BrowserRouter>
    )
    }
    <React.Fragment>
    <h1>Hello! this is HomePage</h1>
    <Link to="/ask">AskPage</Link>

    <BrowserRouter>
    <Route path="/ask" component={AskPage} />
    </BrowserRouter>
    </React.Fragment>
    );
    };

    export default App;
  5. srezasm created this gist Sep 13, 2020.
    17 changes: 17 additions & 0 deletions App.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    import React from 'react';
    import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
    import { HomePage } from './HomePage';
    import { AskPage } from './AskPage';

    const App = () => {
    return (
    <BrowserRouter>
    <Switch>
    <Redirect from="/home" to="/" />
    <Route exact path="/" component={HomePage} />

    <Route path="/ask" component={AskPage}/>
    </Switch>
    </BrowserRouter>
    )
    }
    5 changes: 5 additions & 0 deletions AskPage.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    import React from 'react';

    export const AskPage = () => {
    return <h1> This is AskPage </h1>
    }