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>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s