react link to another page
import React, { Component } from 'react';
import { render } from 'react-dom';
import { BrowserRouter, Route, Switch, Link } from 'react-router-dom';
import { Home } from 'wherever-you-put-it/home.component.jsx';
import { Something } from 'wherever-you-put-it/something.component.jsx';
import { SomethingElse } from 'wherever-you-put-it/something-else.component.jsx';
class App extends Component {
render() {
return (
<BrowserRouter>
<Switch>
<Route path="/">
<Home />
</Route>
<Route path="/something">
<Something />
</Route>
<Route path="/somethingelse">
<SomethingElse />
</Route>
</Switch>
<SomeComponentOrElement>
<Link to="/">Home</Link>
<Link to="/something">Something</Link>
<Link to="/somethingelse">Something Else</Link>
</SomeComponentOrElement>
</BrowserRouter>
)
}
}
render(<App />, document.getElementById('app'));import React from 'react';
import { Link } from 'react-router';
class List extends React.Component {
render() {
return (
<div>
<p>Please choose a repository from the list below.</p>
<ul>
<li><Link to="/react">React</Link></li>
</ul>
</div>
);
}
}
export default List;import { Link } from 'react-router-dom';
classAppextendsComponent {
render() {
return (
<div class="container">
<nav>
<Link to="/">Home</Link>
<Link to="/dashboard">Dashboard</Link>
</nav>
<Route
path="/"
component={HomeComponent}
exact
/>
<Route
path="/dashboard"
component={DashboardComponent}
/>
</div>
);
}
}
Also in JavaScript:
- disable text selection in js
- Javascript track mouse pointer
- node js sendgrid
- Javascript get element height and width
- .join javascript
- redux form make field required
- javascript does object have property
- *args python javascript equivalent
- form validation react
- arrow functions javascript
- div gets pulled to corner when resizing
- largest and smallest number in an array 1-100 javascript
- To do validation for the textbox , radio button and dropdown using jquery
- javascript add string to middle of string
- jquery test div exists
- how to get duplicate values from array in javascript
- Javascript format to currency
- set stange beckground color easeljs
- what is an iterator in javascript
- core.js:4352 ERROR TypeError: Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob'.
- const in javascript
- number to array javascript
- http request without a library in javascript
- str_word_count php js