我如何在具有2个参数的react native中使用fetch api？

Question

我有这个API

  http://myIP/api/soffices/{service_id}/{governorate_id}

我想从中获取数据，但是我不能在这里输入我的代码

componentDidMount(){
    let service_id = this.props.navigation.getParam('service_id');
    let governorate_id = this.props.navigation.getParam('governorate_id');
    return fetch('http://myIP/api/soffices/' + service_id + / governorate_id)
      .then((response) => response.json())
      .then((responseJson) => {
         this.setState({
          dataSource: responseJson.data,
        }, function(){
            });
          })
  }

返回时：

<FlatList 
          data={this.state.dataSource}
          renderItem={({item}) =>
<CardSection>
 <Text>{item.office_name}</Text>
                </CardSection>
}
   />

它给我这个错误：JSON解析错误：无法识别的令牌“ <”

Answer 1

这似乎是语法错误。 用这个：

return fetch('http://myIP/api/soffices/' + service_id + '/' + governorate_id)

要么

return fetch(`http://myIP/api/soffices/${service_id}/${governorate_id}`)

请注意，在第二种形式中，我们使用`而不是'