0

Estoy intentado limitar los elementos, en este caso los posts, quiero solo mostrar 4 posts.

Mi Codigo:

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

1 respuesta 1

0

Puedes hacerlo de la siguiente forma, seguro que te funciona:

componentDidMount() {
  return fetch(ConfigApp.URL+'json/data_posts.php')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataPosts: responseJson.slice(0,4) //<---- AQUI FILTRAMOS 4 PRIMEROS ELEMENTOS
      }
    })}

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

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.