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 vote201 views1 answer
React native detect swipe
Javascript React
0 vote155 views1 answer
React native bootstrap
Javascript React
1 vote188 views1 answer
React why onclick property function trigger without click
Javascript React
0 vote208 views1 answer
Bot react message with custom emoji
Javascript React
1 vote208 views1 answer
React native rename package name
Javascript React
0 vote198 views5 answers
React native cache clear
Javascript React
4 votes191 views3 answers
Sleep in react
Javascript React
2 votes198 views2 answers
Update specific properties of an object react spread operator
Javascript React
1 vote213 views1 answer
Percentage width react native
Javascript React
2 votes279 views2 answers
React native settimeout
Javascript React