如何将 API 数据提供给反应原生快照轮播

Question

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

我读过文档，但我看到它使用静态数据。但是我想使用 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}/>
      )
   }
}