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 vote268 views1 answer
React google login
Javascript React
0 vote278 views1 answer
Create react portal
Javascript React
0 vote295 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
0 vote359 views1 answer
Button color change loop in react
Javascript React
0 vote276 views1 answer
Reference hook in react
Javascript React
1 vote313 views1 answer
React js router parameters
Javascript React
1 vote296 views1 answer
React native detect swipe
Javascript React
0 vote323 views1 answer
React native cli sdk.dir
Javascript React
1 vote279 views1 answer
How to use array of object in react
Javascript React
1 vote290 views1 answer
React emoji picker
Javascript React