未経験からエンジニア 奮闘記

未経験からエンジニアに自由に生きる途中

MENU

React 関数コンポーネントの書き方

関数コンポーネントの書き方

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


## これ同じ
const Welcome = () => (
  <h1>Hello, {props.name}</h1>;
)

注意点

()でかくと、デフォルトでreturnをしてくれる。

{} で書くとエラーになる

const Welcome = () => {
  <h1>Hello, {props.name}</h1>;
}