Итак, я в настоящее время строю приложение, используя последнюю версию NextJS, которая состоит из фильтра. Входы фильтра перечислены ниже: < /p>
Start Date
setStartDate(e.target.value)} placeholder="Start Date" />
End Date
setEndDate(e.target.value)} placeholder="Start Date" />
Promo Code
Search
< /code>
Каким -то образом, когда я пытался использовать свой курсор, чтобы нажать на ввод (фокусировка ввода), все приложение стало замораживанием, и я больше ничего не мог сделать, я должен закрыть эту конкретную вкладку и повторно открыть новую. Вот мой полный код выглядит как: < /p>
import moment from "moment";
import Image from "next/image";
import { useSearchParams } from "next/navigation";
import { useRouter } from "next/router";
import { useState } from "react";
export default function Booking() {
const searchParams = useSearchParams();
const type = searchParams.get('type');
const router = useRouter();
const id = router.query.id;
const [startDate, setStartDate] = useState(null);
const [endDate, setEndDate] = useState(null);
const [promoCode, setPromoCode] = useState('');
const handlePromoCodeChange = (e) => {
setPromoCode(e.target.value);
};
const filter = async () => {
console.log("TEST startDate", startDate);
console.log("TEST endDate", endDate);
console.log("TEST promoCode", promoCode);
};
return (
Test
BOOK NOW
Enter your holiday date.
Start Date
setStartDate(e.target.value)} placeholder="Start Date" />
End Date
setEndDate(e.target.value)} placeholder="Start Date" />
Promo Code
Search
)
}
< /code>
Для справки, вот как это выглядит после того, как я сосредоточился на вводе текста:
После того, как я мог получить все белые. Обходной путь, но так же, как и. Спасибо!
Подробнее здесь: https://stackoverflow.com/questions/797 ... -to-freeze
