我如何限制React Nativet中FlatLis中的项目？

Question

我想要做的是限制项目，只显示12项。

我的代码：

componentDidMount() {
   return fetch(ConfigApp.URL+'json/data_posts.php')
     .then((response) => response.json())
     .then((responseJson) => {
       this.setState({
         isLoading: false,
         dataPosts: responseJson
       }
     })}

render() {
return (
    <FlatList
      data={ this.state.dataPosts }
      renderItem={({item}) => 
            <Image source={{uri: ConfigApp.IMAGESFOLDER+item.post_image}}/>              
keyExtractor={(item, index) => index}
/>

Answer 1

试一试：

componentDidMount() {
  return fetch(ConfigApp.URL + 'json/data_posts.php')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataPosts: responseJson.filter((elem, index) => {
          return index < 12;
        })
      })
    })
}