как получить данные в React-Native image-slider-box из api

Question

Я использую поле реагирования-родного-изображения-слайдера для сопоставления моих изображений. Но я не мог получить фактические данные из API в компоненте. Как я могу достичь этого. Мой код выглядит так

 componentDidMount() {
const url = 'https://staging.islamicmedia.com.au/';
axios
  .get(`${url}wp-json/islamic-media/v1/slider/mobile-app`)
  .then(res => {
    this.setState({
      header: res.data,
    });
  })
  .catch(error => {
    console.log('data not loaded', error);
  });

}

 render() {
const {header} = this.state;
console.log(this.state.header);
return (
  /*
  <FlatList
    data={header}
    renderItem={({item}) => {
      return <SliderBox images={header} />;
    }}
  />

)}