How do I pass props to child components which are accessed through props.children?

I'm coming upon this kind of issue a lot. In this particular case, I have a

<Tabs>

<Tabs>

component that can have an arbitrary number of

<Tab>

<Tab>

and

<TabContent>

<TabContent>

children. There are other ways to do this, but this is the way I have chosen. I need to update

props.index

props.index

on the children from the parent; and also set their visibility either through a

props.visible

props.visible

property.

1. Is there a way to pass props from parent to child by getting the child through

props.children

props.children

(or some other way)?