Passing/Accessing props in stateless child component

Question

I know you can pass all a react components props to it\'s child component like this:

const ParentComponent = () => (
   

     
Parent          


        
      

Answer 1

But how do you then retrieve those props if the child component is stateless?

const ChildComponent = ({ *what goes here?* }) => (
   

      
Child Component
   
)

---

ChildComponent holds the name and the props will be the argument in the arrow function syntax just as you need:

 const ChildComponent = props => (
   

     
{props.value ? props.value : "No value."}
   
 );

If you Babel-it it will create something like this:

 var ChildComponent = function ChildComponent(props) {
   return React.createElement(
     "div",
     null,
     React.createElement(
       "p",
       null,
       props.value ? props.value : "No value."
     )
   );
 };