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

时间:2018-08-15 13:04:44

标签: reactjs react-native react-native-android

我有这个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解析错误:无法识别的令牌'<'

2 个答案:

答案 0 :(得分:2)

这似乎是语法错误。使用这个:

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

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

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

答案 1 :(得分:0)

我用过 return fetch('http://myIP/api/soffices/'+ service_id +'/'+ Governorate_id)

及其工作