How dot notation works in functional component of React.js?

While I was searching article about compound component pattern, I have found out that accessing sub-component through dot notation is possible like javascript object.

How this is possible and how it works? does this work because component is also object of javascript?

const App = () => (    <Menu>      <Menu.Item>Home</Menu.Item>      <Menu.Item>Blog</Menu.Item>      <Menu.Item>About</Menu.Item>    </Menu>  );  

https://stackoverflow.com/questions/66631483/how-dot-notation-works-in-functional-component-of-react-js March 15, 2021 at 10:02AM