in React JS by
How to create components in React?

1 Answer

0 votes

There are two possible ways to create a component.

Function Components: This is the simplest way to create a component. Those are pure JavaScript functions that accept props object as first parameter and return React elements:

function Greeting({ message }) {

  return <h1>{`Hello, ${message}`}</h1>


Class Components: You can also use ES6 class to define a component. The above function component can be written as:

class Greeting extends React.Component {

  render() {

    return <h1>{`Hello, ${this.props.message}`}</h1>



Related questions

0 votes
asked Apr 15 in React JS by Robindeniel
0 votes
asked Jan 31, 2021 in React JS by Robindeniel
0 votes
asked Mar 1, 2020 in React JS by RShastri