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

0 vote133 views1 answer
React return value from component
Javascript React
0 vote137 views1 answer
React native scrollview full height
Javascript React
0 vote153 views3 answers
React lifecycle hooks
Javascript React
5 votes162 views2 answers
Import fa icons react
Javascript React
1 vote152 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote136 views2 answers
Counter with react hooks
Javascript React
0 vote149 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote143 views1 answer
Check scroll top height in react js
Javascript React
-1 vote141 views1 answer
How to load the images from the website dynamically in react
Javascript React
2 votes132 views1 answer
Can't import react bootstrap
Javascript React