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 vote238 views3 answers
Place footer at the bottom of the page react
Javascript React
86 votes221 views3 answers
React check if window exists
Javascript React
0 vote230 views1 answer
React router not working with aws amplify
Javascript React
0 vote173 views1 answer
Circle button react native
Javascript React
0 vote231 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
1 vote204 views1 answer
On_raw_reaction_add example
Javascript React
5 votes219 views1 answer
React native import svg image
Javascript React
262 votes758 views6 answers
Create a react native project
Javascript React
4 votes213 views2 answers
React get url params in class component
Javascript React
0 vote272 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React