리액트 조건부 렌더링

function Button({ sex }) {
  return (sex === 'm') ? '남' : '여'
}

export default function App() {
  return (
    <>
      <Button sex="m" />
      <Button sex="w" />
    </>
  );
}

혹은

function Button({ sex }) {
   if (sex === "m") {
     return '남';
   }
     return '여';
  }

export default function App() {
  return (
    <>
      <Button sex="m" />
      <Button sex="w" />
    </>
  );
}