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 vote174 views2 answers
React open pdf in new tab
Javascript React
1 vote154 views1 answer
How hooks handle dependency in react
Javascript React
1 vote146 views1 answer
Tab navigation react-native without title
Javascript React
0 vote170 views1 answer
React native make safe view in mobile
Javascript React
1 vote148 views1 answer
React lottie player on hover
Javascript React
1 vote153 views2 answers
Toast in react native
Javascript React
157 votes365 views6 answers
Create new react app
Javascript React
38 votes152 views4 answers
Useref in react hooks
Javascript React
0 vote155 views1 answer
React-metismenu-router-link
Javascript React
0 vote149 views1 answer
Install reactivesearch
Javascript React