React umi 中在 createReactClass 中如何使用路由传参

周大胖子 · 发表于 2020-10-26 14:41:40

1.先跑去在 umics.ts 文件中设置路由：

复制代码

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;

复制代码

React umi 中 在 createReactClass 中 如何使用路由传参