propsの初期値設定

propsを渡す側

import './App.css';
import { Greeting } from './components/Greeting';

function App() {
  return (
    <>
      <Greeting />
    </>
  );
}

export default App;

propsをもらう側
分割代入の中で、=の後ろに値を設定できる。

export const Greeting = ({ name = "しみとも"}) => {
  const GreetingPeople = {
    name:name
  }

  return (
    <>
      <p>{GreetingPeople.name}</p>
    </>
  )
}