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 vote135 views1 answer
Convert table to excel reactjs
Javascript React
0 vote130 views1 answer
Connect react with database server
Javascript React
0 vote144 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
1 vote133 views1 answer
Rich editor react
Javascript React
0 vote149 views1 answer
Location maps react native
Javascript React
0 vote122 views1 answer
Return multiple native element react native
Javascript React
0 vote122 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote123 views1 answer
Stateprovider.js react
Javascript React
0 vote145 views1 answer
Export app react native
Javascript React
0 vote130 views1 answer
Camera roll react native
Javascript React