|
1.先跑去在 umics.ts 文件中 设置路由:- routes: [
- { path: '/', component: '../pages/index' },
- { path: '/news', component: '../pages/news/news' },
- { path: '/news/info/:articleid', component: '../pages/news/info'}
- ]
复制代码
2. 再去 list 页正常写路由
3. 最后去接收页面 接收路由
- // 这是新闻的详情页
- import React from 'react';
- import "../../assets/style/laomo.css";
- import createReactClass from 'create-react-class';
- const newsInfo = createReactClass({
- // constructor(props){
- // 这个方法并未拿到参数 切 super 报错了
- // super(props)
- // console.log(props)
- // }
- // ,
- getInitialState() {
-
- console.log(this.props) // 我在使用 这个打印的时候 无意中找到参数所在位置 this.props.computedMatch.params
- console.log(this.props.computedMatch.params) // 可以获得url 中的参数
- console.log(this.props.match.params) // 可以获得url 中的参数 网上出的结果是这个
- return {
- sid:5555
- }
- },
- // getDefaultProps(props){
- // // 设置组件初始值 不是接收
- // console.log('这个URL中的值是:')
- // console.log(this.props)
- // },
-
- render(){
- return (
- <div>
- 这是新闻详情页{this.state.id}
- </div>
- );
- }
- });
- export default newsInfo;
复制代码
|
|