How to construct or build object from react nested components

Question

I have an UI having mutiple react components nested.

Lets say UI with parent component P and nested child components.

       P
    /     \\
   C1     C