如何在React Native中按ID显示来自API的数据

时间:2018-08-09 07:51:07

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

我有这个简单的反应本地演示,我想按特定的ID显示数据,而不是所有数据 我该怎么做??

      componentDidMount(){
    return fetch('http://209.97.188.74/api/scategories')
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({
          isLoading: false,
          dataSource: responseJson.data,
        }, function(){
            });
          })
         }
      render(){
          return(
      <View>
        <FlatList
          data={this.state.dataSource}
          renderItem={({item}) => <Text>{item.id}, {item.name}</Text>}
          keyExtractor={({id}, index) => id}
        />
      </View>
    );
  }

1 个答案:

答案 0 :(得分:0)

尝试将fetch()放在setTimeout()

像这样:

setTimeout(() => {
  fetch('http://209.97.188.74/api/scategories')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataSource: responseJson.data,
      });
    });
}, 100);