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 should use children when you don't know them ahead of time, see: https://reactjs.org/docs/composition-vs-inheritance.html

Here, if you KNOW that you'll use a title inside your child component, just use a named prop.

I'd say that if you ask yourself the question: "Ok, but what will that generic component render?" is when you should use children