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 vote195 views1 answer
React sticky hook
Javascript React
0 vote180 views1 answer
React function runs several times
Javascript React
0 vote156 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React
5 votes166 views1 answer
React style ternary operator
Javascript React
-1 vote182 views2 answers
React js props lara css uygulama
Javascript React
0 vote160 views1 answer
React i18n outside component
Javascript React
0 vote150 views2 answers
Install react webpack
Javascript React
0 vote207 views1 answer
React password hashing
Javascript React
0 vote178 views1 answer
Clear form inside modal after close reactjs
Javascript React
3 votes154 views3 answers
React change url params
Javascript React