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

2 votes223 views2 answers
Await in react in function component
Javascript React
0 vote213 views1 answer
Enzyme-adapter-react-17
Javascript React
0 vote197 views1 answer
Autofocus is not working in react native
Javascript React
0 vote282 views1 answer
How to set the id attr to a var in reactjs
Javascript React
5 votes226 views2 answers
Code splitting react
Javascript React
1 vote217 views1 answer
Sort function in react js
Javascript React
2 votes209 views1 answer
What is virtual dom in react
Javascript React
0 vote203 views1 answer
Difference in push and navigate in react Navigation
Javascript React
0 vote194 views1 answer
React testing library getBy image
Javascript React
3 votes212 views1 answer
React router Link does work
Javascript React