Basic React Component Structure

Here is some sample code to create a basic react component

<pre>

<div>import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
render(){
return (
<HelloWorld />
)
}
}

class HelloWorld extends React.Component {
render(){
return (

<div>

<h2>Hello World</h2>

</div>

)
}
}

export default App</div>


<div>//or ReactDOM.render(<App />, document.getElementById('app'));</div>

</pre>

Leave a comment