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

15 votes135 views6 answers
React forms
Javascript React
3 votes116 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote147 views1 answer
Smooth scroll react
Javascript React
0 vote122 views1 answer
Get lat and long from address in react js
Javascript React
0 vote130 views1 answer
React native length of object
Javascript React
1 vote128 views2 answers
History react router
Javascript React
0 vote125 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
1 vote130 views1 answer
React native environment variables
Javascript React
0 vote136 views1 answer
React native diasble view
Javascript React
0 vote156 views1 answer
React native text area form
Javascript React