Props Next.js/Reactをドキュメントで勉強中 メモ帳

Props

簡単に言うと、コンポーネントに使う引数。
propsはオブジェクトとして渡る。

import React from 'react';
import ReactDOM from 'react-dom';

function Welcome(props) {
  return <h1>こんにちは、{props.name}！</h1>;
}

const element = <Welcome name="React" />;

ReactDOM.render(element, document.getElementById('root'));

記入方法

function Header({ title }) {
  return <h1>{`Cool ${title}`}</h1>;
}

↓と一緒

function Header(props) {
  const title = props.title;
}