Laravel + React + Inertia.jsの環境で、React側でuseForm()の型を適切に管理する

Laravel + React + Inertia.jsの環境で、React側のuseForm()で以下のようなデータを用意したいときに、フォームの初期データの設定方法がわかりませんでした。

const { data, setData, post, processing, errors, reset } = useForm({
    first_name: '',
    last_name: '',
    first_name_kana: '',
    last_name_kana: '',
    email: '',
    tel: '',
    birthday: ?,  // 初期値をdate型にしたい
    is_admin: ?,  // 初期値をboolean型にしたい
    password: '',
    password_confirmation: '',
});

date型はDateオブジェクトに、boolean型はtrueかfalseを設定すればいいので、以下のようなコードになりました。

const { data, setData, post, processing, errors, reset } = useForm({
    first_name: '',
    last_name: '',
    first_name_kana: '',
    last_name_kana: '',
    email: '',
    tel: '',
    birthday: new Date(),  // 初期値をDateオブジェクトに
    is_admin: false,       // 初期値をbooleanに
    password: '',
    password_confirmation: '',
});

コメント

タイトルとURLをコピーしました