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

22 votes383 views3 answers
How to use if else inside jsx in react
Javascript React
0 vote325 views1 answer
React useState vs variable
Javascript React
0 vote369 views1 answer
React native cors origin
Javascript React
1 vote353 views3 answers
Add react to existing project
Javascript React
0 vote365 views1 answer
Reactjs alert
Javascript React
3 votes389 views2 answers
React native width auto
Javascript React
1 vote370 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
3 votes350 views1 answer
React after deployment givin nginx 404
Javascript React
0 vote369 views1 answer
React get current date minus 7 days
Javascript React
0 vote345 views1 answer
React enzyme
Javascript React