I have looked through other peoples questions relating to this but cant find a suitable answer. I would like to pass children to a component and then pull out the specific children where I want them, most examples I have seen just have the children render in the same place.

My component looks something like this -

```
<ParentComponent>

<ChildOne/>
<ChildTwo/>

<ParentComponent/>

```

When I log the props.children inside the parent component I get an array which contains both children as objects. is there a simple way to pull out the specific child where I need it such as `{props.children.ChildOne}` at the moment I am using `props.children[0]` which isn't ideal as we will be passing the children dynamically
in the future and the array length may change.

As always any help is greatly appreciated!