如何将url param传递给api in react组件?

时间:2018-01-21 21:19:48

标签: reactjs api

我从URL中使用this.props.match.params.xyz获取了所需的参数,现在我想将它传递给API。我不明白我该怎么做。以下是我试图实现的方式。它说响应没有定义。

componentDidMount() {
        fetch('http://example.com/api/players?apikey=123&unique_id={`${this.props.match.params.xyz}`}')
        .then(response => response.json())
         console.log(response)     
       }

1 个答案:

答案 0 :(得分:4)

response未定义,因为您在其范围之外调用它。试试这个:

fetch(
  `http://example.com/api/players?apikey=123&unique_id=${this.props.match.params.xyz}`
)
  .then(response => response.json())
  .then(json => console.log(json));