Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from 'react';
- import { Router, Route, Link, browserHistory } from 'react-router'
- import AppContainer from './components/AppContainer.jsx';
- import MyTab from './components/test/MyTab.jsx';
- import MainTab from './components/test/MainTab.jsx';
- var routes = (
- <Route component={AppContainer} >
- <Route name="maintab" path="/" component={MainTab} />
- <Route name="mytab" path="/mytab" component={MyTab} />
- </Route>
- );
- React.render(<Router history={browserHistory}>{routes}</Router>, document.getElementById('main'));
- import React from 'react';
- import 'datejs';
- import History from "history";
- export default React.createClass({
- mixins: [ History ],
- onChange(state) {
- this.setState(state);
- },
- handleClick() {
- this.history.pushState(null, `/`)
- },
- render() {
- return (
- <div className='container-fluid' >
- <button type="button" onClick={this.handleClick.bind(this)}>TEST</button>
- </div>
- );
- }
- });
- const history = createBrowserHistory();
- React.render(<Router history={history}>{routes}</Router>, document.getElementById('main'));
- import { useBasename } from 'history'
- const history = useBasename(createBrowserHistory)({
- basename: '/testapp'
- });
- React.render(<Router history={history}>{routes}</Router>, document.getElementById('main'));
- handleClick() {
- this.history.pushState(null, `/mytab`)
- },
- settings: {
- root: './dist/',
- host: 'localhost',
- port: 8080,
- livereload: {
- port: 35929
- },
- middleware: function(connect, opt){
- return [historyApiFallback({})];
- }
- }
- import { BrowserRouter, Route, Switch } from 'react-router-dom';
- //more imports here
- ReactDOM.render(
- <div>
- <BrowserRouter>
- <Switch>
- <Route path='/login' component={LoginScreen} />
- <Route path='/' component={WelcomeScreen} />
- </Switch>
- </BrowserRouter>
- </div>, document.querySelector('.container'));
- <Route path='/login' component={LoginScreen} />
- return (
- <div>
- <h1> Login </h1>
- <form onSubmit={this.formSubmit.bind(this)} >
- //your form here
- </form>
- </div>
- );
- formSubmit(values) {
- // some form handling action
- this.props.history.push('/'); //navigating to Welcome Screen
- }
- import React from 'react'
- import { Router, ReactRouter, Route, IndexRoute, browserHistory } from 'react-router';
- var Main = require('../components/Main');
- var Home = require('../components/Home');
- var Dialogs = require('../components/Dialogs');
- var routes = (
- <Router history={browserHistory}>
- <Route path='/' component={Main}>
- <IndexRoute component={Home} />
- <Route path='/dialogs' component={Dialogs} />
- </Route>
- </Router>
- );
- module.exports = routes
- import createBrowserHistory from 'history/lib/createBrowserHistory';
- <Router history={createBrowserHistory()}>
- <Route />
- </Router>
- import React, { Component} from 'react';
- import { Link } from 'react-router-dom';
- class Login extends Component {
- constructor(props){
- super(props)
- }
- handleClick(event){
- this.props.history.push('/dashboard')
- }
- render() {
- return (
- <Button color="primary" className="px-4" onClick={this.handleClick.bind(this)}>Login</Button>
- )}
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement