react-patterns-ex6.js

function MyComponent() {
 const ChildComponent = (props) => {...};

 return {
   ChildComponent
 };
}

react-patterns-ex7.js

class MyComponent {
  static ChildComponent = ()=>{...}
  
  render(){
    return ...
  }
}

react-patterns-ex8.js

function MyComponent() {
  return ...
}

MyComponent.ChildComponent = MyChildComponnet
MyComponent.SubComponent = ()=> {...}

react-patterns-ex9.js

class MyComponent{  
  render(){
    return ...
  }
}

MyComponent.ChildComponent = MyChildComponnet
MyComponent.SubComponent = ()=> {...}