/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 vote172 views1 answer
ResolveAssetSource react-native-web
Javascript React
2 votes150 views2 answers
Capture enter button react input
Javascript React
31 votes153 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote143 views2 answers
Unexpected template string expression reactjs
Javascript React
18 votes174 views4 answers
React for loop in render
Javascript React
24 votes219 views3 answers
Reactjs sass setup
Javascript React
1 vote146 views2 answers
React capitalize first letter
Javascript React
0 vote179 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
0 vote226 views1 answer
Testing a function in jest on click react
Javascript React
0 vote140 views1 answer
Header logo react native doesn't show
Javascript React