如何为react-native-snap-carousel提供API数据

Question

我正在使用react-native-snap-carousel作为我的第一个本地应用程序。

我已经阅读了文档，但我发现它使用的是静态数据。但我想用API获取数据表单服务器，我该怎么做？

感谢您的帮助。

Answer 1

您可以从服务器获取数据并将其传递出去：

class MyCoponent extends React.Component{

   state = { data: null }

   fetchData = () => {
      // const result = fetch from api ... 
      this.setState(() => ({ data: result }))
   }

   render(){
      const { data } = this.state
      if(!data){
         return <Text>No data</Text>
      }
      return(
         <Carousel data={data}/>
      )
   }

}