React props vs children . What to use when?

Question

What is the difference between the two approaches ?

Passing text for a button as props

   

    function TextCo         


        

Answer 1

You use props.children on a component which acts as a container and does not know about their children ahead of time.

Basically props.children it is used to display whatever you include between the opening and closing tags of the "containing" component when invoking it.