zoukankan      html  css  js  c++  java
  • [React] React Router: Redirect

    The Redirect component in react-router does exactly what it sounds like. It allows us to redirect from from one route to another.

     
    import React from 'react';
    import {hashHistory, Route, Redirect, Router, Link} from 'react-router';
    
    const Home = () => <div><h1>Home</h1><Links></Links></div>;
    const Aboutus = () => <div><h1>About-us</h1><Links></Links></div>;
    const About = () => <div><h1>About</h1><Links></Links></div>;
    const Contact = () => <div><h1>Contact</h1><Links></Links></div>;
    
    
    const Links = () =>
        <nav >
            <Link activeStyle={{color: 'green'}} to="/">Home</Link>
            <Link activeStyle={{color: 'green'}} to="/about-us">About-us</Link>
            <Link activeStyle={{color: 'green'}} to="/about">About</Link>
            <Link activeClassName="active" to="/contact">Contact</Link>
        </nav>;
    
    class App extends React.Component {
        render(){
            return(
                <Router history={hashHistory}>
                    <Route path="/" component={Home}></Route>
                    <Route path="/about-us" component={Aboutus}></Route>
                    <Route path="/contact" component={Contact}></Route>
                    <Redirect from="*" to="/about-us"></Redirect>
                </Router>
            );
        }
    }
    
    export default App;
  • 相关阅读:
    数据库优化
    Oracle语句集锦
    MVC Razor标签
    转载 操作MyBatis基础
    mysql sqlserver Oracle字符串连接
    Word
    部署IIS错误
    => 朗姆达表达式带入符号
    wcf例子01
    idea通过springboot初始化器新建项目
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5336888.html
Copyright © 2011-2022 走看看