react-router 4.0（四）跳转404

import React from 'react'
import ReactDOM from 'react-dom'
import {
  HashRouter,
  Route,
  Link,
  Prompt,
  Switch
} from 'react-router-dom'

const Other = ({location})=>(
  
没有这个地址……{location.pathname}
)

export default class App extends React.Component {
  render(){
    return(
      
        

          

            
首页
            
第一页
            
第二页
          
          
            {/* 渲染第一个被location匹配到的并且作为子元素的或者,
            当找到匹配的后会停止继续匹配 */}
            
首页
}/>
            
One
}/>
            
Two
}/>
            
            {/* 不存在的url跳转渲染Other这个404组件 */}
          
        
      
    )
  }
}

ReactDOM.render(,document.getElementById("app"))

 

转载于:https://www.cnblogs.com/BlogRegisterboby/p/9293220.html