React Stateless Functional Component

React-Stateless-Functional-Component.jsx

//stateless functional Component =========================================================================================

//without arrow function *************
function Hello(props){
    return (
       <>
          <h1>Hello, {props.name}</h1>
       </>
    )
};
export default Hello;

//with arrow function ****************
const Hello = (props) => (
   <>
      <h1>Hello, {props.name}</h1>
   </>
);
export default Hello;

// function export within function ***************
export const Hello = (props) => (
   <div>
      <h1>Hello, {props.name}</h1>
   </div>
);
import {Hello} from './Hello        //import component with in {}


// example ***************************************************

function Hello(props){
    return (
       <>
          <h1>Hello, {props.name}, {props.location}</h1>
       </>
    )
};
export default Hello;

<Tool name="Sunday School" location="Bangalore"/>

// ==========================================================================================================================