JSX Components in React tut 4

# JSX Components in React

# index.js

import React from 'react';
import ReactDom from 'react-dom'
import Heading from './Heading'
ReactDom.render(
<Heading/>
, document.getElementById('root')
);

Here We are using component "Heading" , but make sure you have to import component from

Heading.jsx

TO Create JSX Component "Heading" :-

• Create File "Heading.jsx" , first letter should be Capital.
• Import  React 
• Create Method named "Heading" and return JSX Elements
• Export that method

# Heading.jsx

import React from 'react'

function Heading()

{

   return (

       <h1>Image Gallary</h1> );  

}

export default Heading;