Question

How to use arrow function component in React JS

Answer 1

import React from "react";
import { render } from "react-dom";

const App = () => {
  const s = 'Arrow Function';
  return <AFunction value={s} />;
};

const AFunction = ({ value }) => {
  return <h1>{value}</h1>;
};

render(<App />, document.getElementById("root"));



/*
run:

Arrow Function

*/

 

70+ SQL courses for beginners and professionals

Answer 2

import React from "react";
import { render } from "react-dom";

const App = () => {
  return <AFunction />;
};

const AFunction = ({ value }) => {
  const s = 'Arrow Function';

  return <h1>{s}</h1>;
};

render(<App />, document.getElementById("root"));



/*
run:

Arrow Function

*/

 

70+ SQL courses for beginners and professionals