The component consist of 2 sub-components within. Header and Content were called in JSX tree.
import React from 'react'
class StatelessComponent extends React.Component {
render() {
return (
<div>
<StatelessHeader/>
<StatelessContent/>
</div>
);
}
}
class StatelessHeader extends React.Component {
render() {
return (
<div>
<h1>Header here</h1>
</div>
);
}
}
class StatelessContent extends React.Component {
render() {
return (
<div>
<p>Content goes here</p>
</div>
);
}
}
export default StatelessComponent;