``` profile.jsx ``` ``` import React from 'react'; export default class Profile extends React.Component{ render(){ return( <div className="pro-component"> <h2>Hi,I am {this.props.name}</h2> </div> ) } } ``` ``` index.jsx ``` ``` import React from 'react' import ReactDOM from 'react-dom' import Profile from './profile.jsx'; function Pro(props){ return ( <div> <Profile /> </div> ) } const app = document.createElement('div'); document.body.appendChild(app); ReactDOM.render(<Pro />,app); ```