import React, { useEffect, useState } from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@material-ui/core';
import { LoadingButton } from '@material-ui/lab';
import axios from 'axios';
const SignUpTemporary = () => {
const [phone, setPhone] = useState('');
const [errors, setErrors] = useState({phone:''})
const [err_msg, setErrMsg] = useState({status:'', msg:''})
const handleSubmit = (e) => {
e.preventDefault();
setErrMsg({status:'', msg:''});
if(!validateForm()) return;
const formdata = new FormData();
formdata.append('tel', phone);
// axios.post('/api/children/checkTel/', formdata)
// .then(response => {
// if(response.data.status_code==200){
// setErrMsg({status:'success', msg:"本登録用URLを送信に成功しました!"})
// }
// elseif(response.data.status_code == 400)
// {
// setErrMsg({status:'error', msg:"URLの送信に失敗しました。
電話番号をご確認ください。"})
// }
// elseif(response.data.status_code == 422)
// {
// setErrMsg({status:'error', msg:"電話番号が正しくありません。"})
// }
// })
// .catch(err=>console.log(err))
}
const validateForm = () => {
let errors = {};
let formIsValid = true;
if(phone.length == 0){ formIsValid = false; errors['phone'] = 'Required'; }
else errors['phone'] = '';
setErrors(errors);
return formIsValid;
}
return (