WONILLISM / react-masterclass

React Master Class(feat. Nomad Coders)
0 stars 0 forks source link

5.9 Custom Validation #33

Open WONILLISM opened 2 years ago

WONILLISM commented 2 years ago

Validation 커스텀하기

WONILLISM commented 2 years ago
<input
  {...register("firstName", {
    required: "필수값 입니다.",
    validate: (value) =>
      value.includes("nico") ? "no nicos allowd" : true,
  })}
  placeholder="First Name"
/>

위와같이 validate를 커스텀할 수 있다.

WONILLISM commented 2 years ago
<input
  {...register("firstName", {
    required: "필수값 입니다.",
    validate: {
      noNico: (value) =>
        value.includes("nico") ? "no nico allowd" : true,
      noWopark: (value) =>
        value.includes("wopark") ? "no wopark allowd" : true,
    },
  })}
  placeholder="First Name"
/>

객체화 해서 여러개를 정할 수 있다.