Introduction to React JS
HTML Advance
Html5 Grid
Html5 Graphics
Html5 Media
Functional Components are just javascript functions. They can receive the object pf properties(which refers to as props) and return html which describe UI.
First create a folder inside src name as Components. With in the folder create new file called Great.js
import React from 'react'
function Greet() {
return <h6>Hello Parveen </h6> //Don't forget to include html tag
}
export default Greet;
Now go inside App.js include Greet Components in the App Components.
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Greet from './components/Greet' // import greet component
class App extends Component {
render() {
return (
<div className="App">
<Greet/> //include greet component
</div>
);
}
}
export default App;