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

-1 vote150 views1 answer
Vimeo player react native
Javascript React
3 votes175 views1 answer
React router dom current path hook
Javascript React
1 vote223 views2 answers
React native open link in browser
Javascript React
0 vote180 views1 answer
Dropdown list value react fragment
Javascript React
0 vote182 views1 answer
Zeamster examples react node
Javascript React
0 vote253 views1 answer
React-beforeunload react navive
Javascript React
6 votes206 views1 answer
React native rotate
Javascript React
1 vote185 views1 answer
React js empty build
Javascript React
0 vote214 views1 answer
React native get source maps
Javascript React
0 vote206 views1 answer
Onclick inline function react
Javascript React