How can match in react-router be used in export default?

problem description

I wrote getData.js to request data. When I use it in export default , how to write match information in the argument?

related codes

/ / Please paste the code text below (do not replace the code with pictures)

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);

what result do you expect? What is the error message actually seen?

now the plistId in render can be fetched. How can it be used in the getData parameter?


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>
Menu