[논의] Prop 하나일 경우 children으로 받기

[hyunjin0910]

아까 나왔던 이야기인데 Prop 하나일 경우 children으면 어떨까요?
예를 들어 에러 메세지 같은 경우
<ErrroMessage errormessage={"이름을 입력해주세요"} /> 이렇게 쓰는 대신
<ErrroMessage>이름을 입력해주세요</ErrroMessage>라고 바로 쓸 수 있습니다.

변경 전

import * as S from "./style";
interface ErrorMessageInterface {
  errormessage: string;
}

const ErrorMessage: React.FC<ErrorMessageInterface> = ({ errormessage }) => {
  return <S.ErrorMessage>{errormessage}</S.ErrorMessage>;
};

export default ErrorMessage;

변경 후

import * as S from "./style";
interface ErrorMessageInterface {
  children: React.ReactNode;
}

const ErrorMessage: React.FC<ErrorMessageInterface> = ({ children }) => {
  return <S.ErrorMessage>{children}</S.ErrorMessage>;
};

export default ErrorMessage;

[Hyevvy]

좋아용 ~~

[YuHyun-P]

얘기를 토대로 작성해주셔서 감사합니다!
prop이 하나일 경우보다는 children으로 넘길 수 있는 값들은 children으로 전달하자는 말이었습니다!

[Hyevvy]

참고
참고 - docs

[YuHyun-P]

✅ children으로!