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

Question

我正在为我的第一个 react-native 应用程序使用 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}/>
      )
   }

}