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

1 vote98 views1 answer
Unexpected token react native stack navigation
Javascript React
3 votes133 views2 answers
Whatare portals in react
Javascript React
8 votes110 views2 answers
React on link click scroll to top
Javascript React
0 vote97 views1 answer
How to add a key in a react element
Javascript React
8 votes108 views4 answers
React multiple classnames
Javascript React
0 vote103 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote113 views1 answer
Orderbychild firebase react
Javascript React
0 vote91 views1 answer
React native portrait only
Javascript React
0 vote105 views3 answers
React-router-dom status code 301
Javascript React
1 vote111 views1 answer
React native metro api level 30
Javascript React