/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 vote237 views1 answer
Button react native style
Javascript React
0 vote281 views1 answer
Convert integer month to string month react native
Javascript React
0 vote247 views1 answer
How to add icon in react js
Javascript React
15 votes215 views6 answers
Axios react
Javascript React
0 vote257 views1 answer
Create react without jsx
Javascript React
0 vote232 views1 answer
React return value from component
Javascript React
0 vote258 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
126 votes357 views4 answers
Npm create react app
Javascript React
0 vote227 views2 answers
Batch react-redux
Javascript React
0 vote225 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React