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

1 vote405 views1 answer
React multiple event handlers]
Javascript React
1 vote424 views1 answer
React native image disable fade in onload
Javascript React
1 vote365 views1 answer
Slider on release call api react material ui
Javascript React
0 vote400 views1 answer
Bottom tab navigator react native transparent
Javascript React
0 vote383 views1 answer
Nested navigation react native
Javascript React
1 vote382 views1 answer
React navigation asyncstorage install
Javascript React
1 vote450 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote409 views1 answer
Custom login with facebook button react native
Javascript React
2 votes358 views1 answer
Change color of strike through line of text in react native
Javascript React
1 vote403 views1 answer
How prevent copy paste input react
Javascript React