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 vote242 views1 answer
React-native firebase v9+ config
Javascript React
7 votes234 views5 answers
Resize image react native
Javascript React
0 vote243 views3 answers
Proptypes for a react component
Javascript React
0 vote233 views1 answer
React native stylesheet shortcut
Javascript React
0 vote221 views1 answer
How to clear form fields in react after submit
Javascript React
0 vote252 views1 answer
Copy paste menu react native textinput disable
Javascript React
12 votes220 views1 answer
Suspense react
Javascript React
3 votes241 views1 answer
Pass element from child to parent react
Javascript React
0 vote232 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote225 views1 answer
React google places auto complete example
Javascript React