useState를 사용하여 양식에 입력된 값을 설정합니다.
<p>useState를 사용하여 입력 값을 설정하려고 하는데 원하는 대로 작동하지 않습니다. </p>
<p>그래서 약속 시스템으로 Formik을 사용하여 주간 일정을 만들었습니다. 무료 약속 라디오 버튼이 있습니다. 선택하면 약속 시간 데이터를 가져옵니다. 그런데 이날 못받았어요. 그래서 일일 데이터를 얻기 위해 다른 입력을 추가해 보았습니다. 입력된 값을 상태로 설정합니다. 라디오 버튼을 선택하면 날짜가 설정됩니다. 하지만 onSubmit에서는 새로 설정된 값 대신 초기 값을 얻습니다. 흥미롭게도 입력에 무언가를 쓰려고 하면 원하는 값 + 마지막으로 누른 키가 반환됩니다. 하지만 아무것도 하지 않으면 초기 값만 반환됩니다. </p>
<p>내 양식의 초기 값: </p>
<pre class="brush:php;toolbar:false;">const [day, setDay] = useState("Gün");
<포르믹
onSubmit={handleFormSubmit}
초기값={{
이름: "",
성: "",
이메일: "",
날짜: "",
일: 일,
}}
></pre>
<p>라디오 버튼의 상태를 설정합니다.</p>
<pre class="brush:php;toolbar:false;"><필드
유형="라디오"
이름="날짜"
값={x.monPm3Time}
onClick={() =>
setDay("파자르테시");
}}
//></pre>
<p>내 입력 값은 다음 상태로 설정됩니다. </p>
<pre class="brush:php;toolbar:false;"><필드
id="일"
이름="일"
값 = {일}
//></pre>
<p>내 handlerSubmit 함수(작동하는지 확인하기 위해 지금 기록하고 있습니다.): </p>
<pre class="brush:php;toolbar:false;">const handlerFormSubmit = async (values) =>
console.log(값);
// fetch("http://localhost:5000/api/appointment", {
// 메소드: "POST",
// 본문: 값,
// 헤더: {
// 권한 부여: "Bearer" + 토큰,
// },
// })
// .then((res) => {
// console.log(res.status);
// })
// .catch((err) => {
// console.log(err);
// });
}</pre></p>