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 vote381 views1 answer
React native svg onpress
Javascript React
0 vote381 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
0 vote398 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
4 votes375 views1 answer
Multiple click events in react
Javascript React
3 votes375 views1 answer
React router dynamic routes
Javascript React
1 vote375 views1 answer
How to create a button with react
Javascript React
-1 vote386 views1 answer
How to load the images from the website dynamically in react
Javascript React
0 vote409 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote381 views1 answer
Organize api calls react native folder
Javascript React
0 vote474 views1 answer
Link externo no react
Javascript React