Last Updated on June 17, 2024
/components/Header.js
import React, { Component } from 'react'; class Header extends Component { render() { return ( <div> <h1>Header</h1> </div> ); } } export default Header;
/components/Content.js
import React, { Component } from 'react'; class Content extends Component { render() { return ( <div> <p>Content</p> </div> ); } } export default Content;
App.js
import React, { Component } from 'react'; import Header from "./components/Header" import Content from "./components/Content" class App extends Component { render() { return ( <div> <Header/> <Content/> </div> ); } } export default App;
References
https://github.com/mhdr/ReactJSSamples/tree/master/002