/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 vote169 views3 answers
How to get state value from history react
Javascript React
0 vote165 views1 answer
Stop from from refresching page react
Javascript React
0 vote192 views1 answer
@tippyjs/react
Javascript React
9 votes210 views2 answers
Html emmet in react vscode
Javascript React
2 votes154 views4 answers
Multiple export in react
Javascript React
0 vote187 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote153 views1 answer
Why doesn't'$' work in react
Javascript React
1 vote165 views1 answer
How prevent copy paste input react
Javascript React
0 vote174 views1 answer
React break out of useeffect
Javascript React
0 vote160 views1 answer
React locomotive-scroll
Javascript React