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 vote178 views2 answers
React native: how to know th softkey height
Javascript React
0 vote157 views1 answer
React native notifications error
Javascript React
0 vote160 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
0 vote154 views1 answer
How to go specific content in react single page by id
Javascript React
0 vote211 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React
0 vote163 views1 answer
How to refresh android studio react native
Javascript React
16 votes159 views1 answer
Deploy react app netlify
Javascript React
0 vote181 views2 answers
Hosting react on gh pages
Javascript React
1 vote144 views1 answer
Npm package for sorting in reactjs
Javascript React
7 votes592 views2 answers
How to import js via script in react
Javascript React