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 vote336 views1 answer
React passport session
Javascript React
0 vote329 views1 answer
React Mixed symbols
Javascript React
0 vote364 views1 answer
React native override style
Javascript React
33 votes328 views3 answers
React routes
Javascript React
0 vote335 views1 answer
Angular reactive form remove validation
Javascript React
7 votes384 views3 answers
How to route react from laravel
Javascript React
0 vote356 views1 answer
How to convert react component to image
Javascript React
0 vote345 views1 answer
Dropdown search field in react native
Javascript React
0 vote347 views1 answer
React form input not working
Javascript React
0 vote319 views1 answer
Add Navbar to React Redux CRUD App
Javascript React