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 vote185 views1 answer
React hook form reset only one field
Javascript React
0 vote213 views2 answers
Can i pass data with usenavigate react router
Javascript React
6 votes198 views1 answer
React native docs
Javascript React
1 vote217 views1 answer
Double matrix iteration in react
Javascript React
31 votes181 views1 answer
Download react router dom
Javascript React
21 votes175 views6 answers
React native vector icons
Javascript React
1 vote211 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote224 views1 answer
Sanity react
Javascript React
1 vote206 views1 answer
How to access form values in react
Javascript React
2 votes202 views2 answers
React not recognizing lorem
Javascript React