我可以通过props.children React JS传递道具给孩子吗？

import React from 'react';

const ParentComponent = props => {
  return (
    <div>
      <h1>这是父组件</h1>
      {props.children}
    </div>
  );
};

const ChildComponent = () => {
  return <p>这是子组件</p>;
};

const App = () => {
  return (
    <ParentComponent>
      <ChildComponent />
    </ParentComponent>
  );
};

export default App;

<ParentComponent customProp="value">
  <ChildComponent />
</ParentComponent>

const ChildComponent = props => {
  return <p>自定义prop: {props.customProp}</p>;
};