react-router中的match怎么用在export default里？

Question

问题描述

我写了 getData.js 用来请求数据，在 export default 里使用时，怎么将 match 信息写在实参里？

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

class PlistInfo extends Component {
    render(){
        let plistId = this.props.match.params.id;

        return <React.Fragment>aaa</React.Fragment>;
    }
}

export default getData('getPlistInfo', {plistId: '563507'})(PlistInfo);

你期待的结果是什么？实际看到的错误信息又是什么？

现在 render 中的 plistId 可以取到，怎么用在 getData 参数里？

Answer 1

class PlistInfo extends Component {
  constructor(...args){
    super(...args)
    this.state = {
      data: null
    }
  }
  componentDidMount(){
    let plistId = this.props.match.params.id;
    getData('getPlistInfo', {plistId: '563507'}.then(data => {
      this.setState({ data })
    })
  }
  render(){

    return <React.Fragment>{ this.state.data }</React.Fragment>;
  }
}

export default () => <Router>
  <Route path='/list-:plistid' component={ PlistInfo }>
</Router>