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

40 votes313 views4 answers
On click copy to clipboard react
Javascript React
7 votes326 views4 answers
React native textinput disable keyboard
Javascript React
1 vote349 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
17 votes323 views5 answers
How to run react native app
Javascript React
0 vote316 views1 answer
Add two export in same page react
Javascript React
0 vote326 views1 answer
How to use adminlte in reacts
Javascript React
0 vote327 views1 answer
Network display react native
Javascript React
0 vote294 views1 answer
Mdn react
Javascript React
24 votes289 views5 answers
React map array
Javascript React
0 vote321 views1 answer
Date picker type react
Javascript React