我如何在使用获取的本机反应中显示列表?

时间:2019-07-08 22:48:48

标签: javascript php response display react-native-flatlist

我从fetch和php发送的数据可以加载,并且flat liste的结果为none,它只是我写的文本,我也使用flatliste,但屏幕上什么也没有,我认为问题是在数组sat中以及如何使用value,key和item

import ajax from './fetchdata.js'
export class Home extends Component {
  constructor(props) {
      super(props);
      this.state = { sat: [] };
  }

  async componentDidMount() {
   const sat = await ajax.fetchset();
   console.log(this.state.sat);
   this.setState({sat});
  }

  render() {
    return (
          <View style={styles.container}>
            <Text style={styles.h2text}>
              Black Order
            </Text>
           <FlatList
                data={this.state.sat}
                keyExtractor={item => item.idC}
                renderItem={ ({item}) => {
                        return (
                                    <View style={{ flex : 1, flexDirection : "row" }}>
                                    <View style={{ flex : .6 }}>
                                        <Text style={{ fontSize : 20 , textColor:'red'}}>{item.nom}</Text>
                                    </View>
                                    <View style={{ flex : .4 }}>
                                            <Text style={{ fontSize : 20 , textColor:'red' }}>{item.adresse} points</Text>
                                    </View>
                                      </View>
                              );
                        }

                      }

                       />

          </View>
    );
  }
}
*/




export default Home;



////////fetchdata.js

 export default {
    async fetchset() {
        try {
                let response = await fetch('http://localhost/APP/Chauffeur/Backendapp/api/Traitement/AffichageStation.php');
                let responseJsonData = await response.json();
                console.log("done")
                return responseJsonData;

            }
        catch(e) {
            console.log(e)
        }
    }
}

期望adresse和nom的数据列表,但消息只是文本Black Order

0 个答案:

没有答案