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 vote269 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote300 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
2 votes269 views1 answer
This.setstate is not a function in react native
Javascript React
0 vote334 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
0 vote321 views2 answers
Combine p5 with react
Javascript React
0 vote267 views1 answer
If statement in react native
Javascript React
0 vote263 views1 answer
Export variables react
Javascript React
0 vote265 views1 answer
Asp.net core react server session
Javascript React
1 vote225 views3 answers
Antd react
Javascript React
0 vote262 views1 answer
How to bound a state variable to a field react final form
Javascript React