Input hook react

function useInput({ type /*...*/ }) {
   const [value, setValue] = useState("");
   const input = <input value={value} onChange={e => setValue(e.target.value)} type={type} />;
   return [value, input];
 }
  const [username, userInput] = useInput({ type: "text" });
 const [password, passwordInput] = useInput({ type: "text" });

 return <>
   {userInput} -> {username} <br />
   {passwordInput} -> {password}
 </>;

Source: stackoverflow.com

Similar codes

66 votes278 views4 answers
How to redirect to a website in react
Javascript React
0 vote319 views1 answer
Disable autocomplete in react fields
Javascript React
0 vote275 views3 answers
Paypal react native
Javascript React
18 votes317 views3 answers
React detect enter key
Javascript React
0 vote296 views1 answer
Why doesn't'$' work in react
Javascript React
1 vote240 views1 answer
How to pass props in react test cases
Javascript React
2 votes265 views5 answers
How to import in react js
Javascript React
2 votes299 views1 answer
Set dynamic route in link react js
Javascript React
3 votes315 views2 answers
Error duplicate resources react native
Javascript React
3 votes280 views1 answer
React after deployment givin nginx 404
Javascript React