diff --git a/demo/route/read.text b/demo/route/read.text index 68bad860e..e12f8a1af 100644 --- a/demo/route/read.text +++ b/demo/route/read.text @@ -20,4 +20,6 @@ 12、路由嵌套 13、路由传参 pathname 14、push与replace -15、witchRoute 使一般组件拥有路由组件的属性,返回值是一个新组件 \ No newline at end of file +15、witchRoute 使一般组件拥有路由组件的属性,返回值是一个新组件 +16、编程式路由 + \ No newline at end of file diff --git a/demo/route/src/components/child/car.jsx b/demo/route/src/components/child/car.jsx index bb80d3993..2e34eecef 100644 --- a/demo/route/src/components/child/car.jsx +++ b/demo/route/src/components/child/car.jsx @@ -8,7 +8,7 @@ import queryString from 'query-string'; import React,{Component} from 'react' class Car extends Component{ render(){ - let {search}=this.props.location + let {search}=this.props.location // search参数 const {name,id}=queryString.parse(search) return (
diff --git a/demo/route/src/components/child/news.jsx b/demo/route/src/components/child/news.jsx index 29b4239f0..958c8ac4e 100644 --- a/demo/route/src/components/child/news.jsx +++ b/demo/route/src/components/child/news.jsx @@ -7,8 +7,8 @@ import React,{Component} from 'react' class New extends Component{ render(){ - const {name,id}=this.props.match.params - console.log(this.props.match.params) + const {name,id}=this.props.match.params // params参数 + console.log(this.props.match.params) return(

this is New

diff --git a/demo/route/src/components/header.jsx b/demo/route/src/components/header.jsx index e4db88b80..f1a2993a3 100644 --- a/demo/route/src/components/header.jsx +++ b/demo/route/src/components/header.jsx @@ -16,6 +16,18 @@ class Header extends Component{ go=()=>{ this.props.history.go(-2) } + push1=()=>{ + this.props.history.push('/home/news/chenxuan/123') + } + push2=()=>{ + this.props.history.push('/home/car?name=chenxuan&id=123456') + } + replace1=()=>{ + this.props.history.replace('/home/money') + } + replace2=()=>{ + this.props.history.replace('/home/money',{name:"陈轩",age:"18岁",sex:"男"}) + } render(){ return(
@@ -23,6 +35,10 @@ class Header extends Component{ + + + +
) } diff --git a/demo/route/src/components/home.jsx b/demo/route/src/components/home.jsx index ca317dddd..b8cf253c7 100644 --- a/demo/route/src/components/home.jsx +++ b/demo/route/src/components/home.jsx @@ -20,7 +20,7 @@ class Home extends Component{
- +