React Stateless and property-less Components
The simplest react component without a state and no properties can be written as:
That component, however, can't access this.props since typescript can't tell if it is a react component. To access its props, use:
Even if the component doesn't have explicitly defined properties, it can now access props.children since all components inherently have children.
Another similar good use of stateless and property-less components is in simple page templating. The following is an examplinary simple Page component, assuming there are hypothetical Container, NavTop and NavBottom components already in the project:
In this example, the Page component can later be used by any other actual page as a base template.