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

6 votes190 views2 answers
Google sign up react npm
Javascript React
0 vote182 views1 answer
Ipa failed react native after processing
Javascript React
1 vote198 views1 answer
Percentage width react native
Javascript React
-3 votes190 views2 answers
Generate android folder in react native
Javascript React
5 votes259 views1 answer
Deploy react js heroku
Javascript React
0 vote208 views1 answer
Line separator with text in the center react native
Javascript React
1 vote222 views1 answer
Two proptypes in react
Javascript React
7 votes184 views2 answers
Input type password react native
Javascript React
0 vote184 views1 answer
Search nested array in react javascript
Javascript React
1 vote194 views1 answer
Adding media queries in makeStyle material react
Javascript React