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 vote100 views2 answers
Subdomain react app
Javascript React
1 vote92 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
32 votes106 views1 answer
React router command
Javascript React
0 vote103 views2 answers
React useEffect prevent first time
Javascript React
2 votes111 views2 answers
Horizontal divider react native
Javascript React
0 vote101 views1 answer
React native map repeate
Javascript React
1 vote90 views1 answer
How to run an existing react project
Javascript React
0 vote102 views1 answer
Build class component react
Javascript React
1 vote59 views1 answer
Table reactstrap
Javascript React
0 vote107 views1 answer
How to reset count in react
Javascript React