How i can limit the items in FlatLis in React Nativet?

Question

What i want to do is limit the items, and show only the 12 items.

My Code:

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}
/>

Possible duplicate of [How to get first N number of elements from an array](https://stackoverflow.com/questions/34883068/how-to-get-first-n-number-of-elements-from-an-array) — bennygenel, May 05 '18 at 21:38
Actually i have a filter on dataPosts responseJson.filter(x => x.post_featured == '1'), i can add (elem, index) => { return index < 12; } ? — bdroid, May 06 '18 at 17:04

score 0 · Accepted Answer · answered May 05 '18 at 23:04

0

Try it：

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;
        })
      })
    })
}

answered May 05 '18 at 23:04

Bin Feng

116
3

Actually i have a filter on dataPosts responseJson.filter(x => x.post_featured == '1'), i can add (elem, index) => { return index < 12; } ? – bdroid May 05 '18 at 23:24

How i can limit the items in FlatLis in React Nativet?

1 Answers1