React Native：根据 Fetch(Url) 请求的数据制作按钮元素列表的最佳方法是什么？

Question

我想制作一个用户可以点击的按钮元素列表。按钮元素的数量将在 3 - 5 之间变化，具体取决于我执行的提取请求的结果。我知道如何根据获取请求的结果而不是按钮的内容来填充平面列表。有帮助吗？

例如，using this JSON，假设我想为其中的电影数量渲染按钮，每个按钮都有电影的名称。电影的数量会有所不同。

Answer 1

正在获取

创建api。
在 sagas 中创建函数获取
设置索引（sagas）
创建 redux reducer 以从 fetching 中获取数据
在组件映射redux state中获取数据

创建列表项

尝试渲染函数使用 return ListItem
不杂乱

Answer 2

如果您将电影设置为 Api 这样的响应后的状态。

this.setState({movies: apiResponse.movies})

  

renderMovieList(){
    return  this.state.movies.map((movie, i, movieArray) =>
      <View 
        key={movie.id} 
        style={{ height:50, padding:20}}>
        <Button
          onPress={()=> this.handleOnPress(movie)}
          title={movie.title}
          color="#841584"
          accessibilityLabel="Learn more about this purple button"
        />
      </View>
    )
  }
  
  handleOnPress(movieDetails){
   alert(movieDetails.title);
  }

  render() {
    return (
      <View style={{flex: 1, justifyContent:'center', backgroundColor: "#0d98ba"}}>
        {this.state.movies.length? this.renderMovieList(): null}
      </View>
    );
  }

See full code here

React Native：根据 Fetch(Url) 请求的数据制作按钮元素列表的最佳方法是什么？

React Native: What is the best way to make a list of button elements given data from a Fetch(Url) request?

react-native

react-native-button

react-native-flatlist