react render props children

example.jsx

const Ding = (props) => {
  const {children} = props
  return children(
    {text: "dong"}
  )
}

const Dong = () => (
  <Ding>
    {({text}) => (
      <p>ding {text}</p>
    )}
  </Ding>
)