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

3 votes358 views2 answers
React native animated sticker
Javascript React
1 vote356 views1 answer
Input type number react native
Javascript React
0 vote416 views2 answers
React native: how to know th softkey height
Javascript React
0 vote354 views1 answer
Nested navigation react native
Javascript React
42 votes342 views3 answers
React onchange multiple functions
Javascript React
0 vote364 views1 answer
React make setstate synchronous
Javascript React
0 vote367 views1 answer
How to remove an object from array in react native
Javascript React
0 vote559 views1 answer
How to place text over image in react
Javascript React
0 vote433 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
0 vote375 views1 answer
React native regenerate android and ios folders
Javascript React