import React, { useState } from 'react' const LoginPage = () => { const [isLogin, setIsLogin] = useState(true); const [isSignUp, setIsSignUp] = useState(true); const [isAdmin, setIsAdmin] = useState(true); // const [loginEmail, setLoginEmail] = useState(""); // const [loginPassword, setLoginPassword] = useState("");…
username state const [username, setUsername] = useState({ name: "", isValid: true, error_message: "start with a letter n allowed characters: a-z A-Z 0-9 - and _ ", }); handle username function function handleUsername(e) { const regexp = new RegExp(/[a-zA-Z][a-zA-Z0-9-_]{5,32}/gi); const name…
The Goal: My React Native App shows a list of <Button /> based on the value from a list of Object someData. Once a user press a <Button />, the App should shows the the text that is associated with…