React Component

Components are like JavaScript functions. Takes input (called props) and return DOM element.

Live Editor

function Welcome(props) {
  const [likes, increaseLikes] = React.useState(0);

  return (
    <>
      <p>{likes} Likes</p>
      <h1>Hello, {props.name}</h1>
      <button class="button" onClick={() => increaseLikes(likes + 1)} />
    </>
  );
}

function Welcome(props) {
  const [likes, increaseLikes] = React.useState(0);

  return (
    <>
      <p>{likes} Likes</p>
      <h1>Hello, {props.name}</h1>
      <button class="button" onClick={() => increaseLikes(likes + 1)} />
    </>
  );
}

Result