I'm tried to Get a nested child from my DB here's a structure

[![DB](https://i.stack.imgur.com/ZDs38.png)](https://i.stack.imgur.com/ZDs38.png)

I want to to get the **URI** from Gallery object
when I log in I can see this in console

[![Console](https://i.stack.imgur.com/TzPyb.png)](https://i.stack.imgur.com/TzPyb.png)
here is a code:

```
componentWillMount() {
    const { gKey } = this.state;
    firebase
      .database()
      .ref(`providers/${gKey}`)
      .once("value")
      .then(async snapshot => {
        let aboutMe = snapshot.val().aboutMe;
        let uri = snapshot.val().galary;
        await this.setState({ aboutMe });
        console.log(uri);
        uri.forEach(childNodes => {
          console.log(childNodes); // I Got Error here
        });
      });
}

```

Error I got

> 
> uri.forEach is not a function
> 
> 
> 

Update
------

I Got all the URI in a parent "Gallery" and set it in an array and pass it into a Component as a prop Now in this Component and render it in an I just see one Image of theme !!

**Parent Screen**

```
Class Parent extend Component{
constructor(props){
super(props)
 this.state={
        ...
        images:[], 
        aboutMe:""
        ...
}

    componentWillMount() {
    const { gKey } = this.state;
    firebase
      .database()
      .ref(`providers/${gKey}`)
      .once("value")
      .then(async snapshot => {
        let aboutMe = snapshot.val().aboutMe;
        let uri = snapshot.val().galary;
        await this.setState({ aboutMe });
        Object.values(uri).forEach(childNodes => {
          let images = [];
          images.push({
            uri: childNodes.uri
          });
          this.setState({ images });
        });
      });
}

render(){
return(
<View>
....
<GalaryScreen images={this.state.images} />
....
</View>
)}
}

```

[![Galary](https://i.stack.imgur.com/S9jVK.jpg)](https://i.stack.imgur.com/S9jVK.jpg)

**Galary.js**

```
class GalaryScreen extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <View style={styles.container}>
        <Text style={{ fontSize: 20, padding: 10, color: "#000" }}>Galary</Text>
        <FlatList
          horizontal
          key={Math.floor(Math.random() * 1000)}
          data={this.props.images}
          renderItem={({ item }) => {
            console.log(item.uri); // I can see every url here and all of them is a vaild URL 
            return (
              <View style={{ margin: 10 }}>
                <Image
                  key={Math.floor(Math.random() * 100)}
                  style={{ width: 100, height: 100 }}
                  source={{ uri: item.uri }}
                />
              </View>
            );
          }}
          keyExtractor={(item, index) => item.key}
        />
      </View>
    );
  }
}

export default GalaryScreen;

```

**Console**

[![Console](https://i.stack.imgur.com/RXsB7.png)](https://i.stack.imgur.com/RXsB7.png)