Javascript react js中需要任何一个字段验证

我想要任何一个必要的文本字段，无论是电子邮件id还是电话号码。

---

如果该字段位于网格项中，我应该编写什么代码。

如果电话无效，可以使用条件呈现发送电子邮件；如果电子邮件无效，可以使用条件呈现发送电话文本字段

const App = () => {
    const [isEmailValid, setIsEmailValid] = useState(false);
    const [isPhoneValid, setIsPhoneValid] = useState(false);
    const [email, setEmail] = useState("");
    const [phone, setPhone] = useState("");

    return (
        <div>
            { isPhoneValid ? null : (
                <input 
                    type="email" 
                    placeholder="Enter Email" 
                    onChange={event => {
                                        setIsEmailValid(true)
                                        setEmail(event.target.value)
                                      }
                              }
             ) }
             { isEmailValid ? null : (
                <input 
                    type="number" 
                    placeholder="Enter number" 
                    onChange={event => {
                                        setIsPhoneValid(true)
                                        setPhone(event.target.value)
                                      }
                              }
             ) }
        </div>
    );
}

const-App=（）=>{
const[isEmailValid，setIsEmailValid]=useState（false）；
const[isPhoneValid，setIsPhoneValid]=useState（false）；
const[email，setEmail]=useState（“”）；
const[phone，setPhone]=使用状态（“”）；
返回(
{isPhoneValid？空：(
{
setIsEmailValid（真）
setEmail（event.target.value）
}
}
) }
{isEmailValid？空：(
{
setIsPhoneValid（真）
setPhone（event.target.value）
}
}
) }
);
}

“…我应该写什么代码”如果没有看到您迄今为止所写的内容，很难对您提交的问题表示感谢。在回答之前，我们想知道您到目前为止尝试过什么，以及您遇到过哪些错误