MUI DatePicker는 Formik과 호환되지 않습니다. date.isBefore를 사용할 수 없습니다.
P粉046387133
P粉046387133 2023-08-25 08:54:13
0
1
690
<p>저는 Formik을 사용하여 React에서 양식을 만들고 MUI 구성 요소도 사용하고 있습니다.문제는 다음과 같은 오류가 발생한다는 것입니다. </p> <pre class="brush:php;toolbar:false;">date.isBefore는 함수가 아닙니다. TypeError: date.isBefore는 함수가 아닙니다. DayjsUtils.isBeforeDay (http://localhost:3000/static/js/bundle.js:2319:19) 유효성 검사 날짜(http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:10596:43) useValidation에서 (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:10654:27) usePickerValue (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:10019:75) usePicker에서 (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:9876:94) useDesktopPicker (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:7848:60) DesktopDatePicker에서 (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:3956:90) renderWithHooks에서 (http://localhost:3000/static/js/bundle.js:103306:22) updateForwardRef에서 (http://localhost:3000/static/js/bundle.js:105877:24) BeginWork(http://localhost:3000/static/js/bundle.js:107924:20)</pre> <p>내 코드는 다음과 같습니다. </p> <pre class="brush:php;toolbar:false;"><Formik onSubmit={handleFormSubmit} 초기값={초기값프로젝트} 유효성 검사 스키마={projectSchema} > {({ 값, handlerChange, handlerSubmit, setFieldValue }) => <onSubmit={handleSubmit} 형식> <상자 너비="50%"> <LocalizationProvider dateAdapter={AdapterDayjs}> <날짜 선택기 id="project_start" name="project_start" 값={values.project_start} 슬롯Props={{ 텍스트 필드: { 크기: "작음", 여백: "빽빽함", }, }} /> <날짜 선택기 id="project_end" name="project_end" 값={values.project_end} 슬롯Props={{ textField: { 크기: "작음", 여백: "빽빽함" }, }} /> </현지화 제공자> </박스> </양식> )}</Formik></pre> <p>모드와 초기값은 다음과 같습니다.</p> <pre class="brush:php;toolbar:false;">const projectSchema = yup.object().shape({ project_start: yup.date(), project_end: yup.date(), 프로젝트_이름: yup.string().required("필수"), 사용자 ID: yup.string(), 파트너 ID: yup.string(), 카테고리ID: yup.string(), }); constinitialValuesProject = { project_start: Date.now(), project_end: Date.now(), 프로젝트_이름: "", 사용자 ID: "", 파트너 ID: "", 카테고리 ID: "", };</pre> <p>저를 도와주실 수 있는 모든 분들께 감사드립니다 <3</p> <p>날짜 선택기가 작동하도록 할 수 있습니다</p>
P粉046387133
P粉046387133

모든 응답(1)
P粉449281068

여기에 문제가 있는 것 같습니다.

으아악

project_start 및 project_end 유형은 Dayjs여야 합니다.

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿