/Javascript/React/How to accept only. proper email from an input field react with functional component

How to accept only. proper email from an input field react with functional component

if (typeof input["email"] !== "undefined") {
   var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
   if (!pattern.test(input["email"])) {
      isValid = false;
      errors["email"] = "Please enter valid email address.";
   }
}

Source: pretagteam.com

Similar codes

0 vote141 views1 answer
Center child components in react
Javascript React
3 votes143 views2 answers
Error duplicate resources react native
Javascript React
0 vote137 views1 answer
Create app with a specific react version
Javascript React
18 votes131 views3 answers
Add object to array react hook
Javascript React
0 vote161 views2 answers
React native share image
Javascript React
0 vote1.5K views1 answer
Docker react js
Javascript React
0 vote144 views1 answer
How to add base url as src in react native
Javascript React
0 vote139 views1 answer
Csv upload with react
Javascript React
2 votes133 views2 answers
Prevent refresh react
Javascript React
0 vote142 views1 answer
React import useCallBack
Javascript React