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

29 votes213 views2 answers
React or vue
Javascript React
0 vote265 views1 answer
React chrome get language
Javascript React
0 vote227 views1 answer
React Readonly rating
Javascript React
10 votes214 views4 answers
React hooks
Javascript React
4 votes224 views3 answers
React js get screen size
Javascript React
0 vote187 views3 answers
Flash effect in react native
Javascript React
0 vote204 views1 answer
Clear input field react-hook-form
Javascript React
0 vote216 views1 answer
How to bound a state variable to a field react final form
Javascript React
41 votes215 views5 answers
UseRef() in react
Javascript React
0 vote218 views1 answer
Make custom draggable in react
Javascript React