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 vote368 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
0 vote380 views1 answer
Button react native style
Javascript React
1 vote370 views4 answers
React native push notifications npm
Javascript React
1 vote363 views1 answer
Npm package for sorting in reactjs
Javascript React
0 vote404 views1 answer
Onclick start and stop the count react
Javascript React
3 votes378 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote422 views1 answer
React native check os
Javascript React
0 vote423 views1 answer
Take site to top after clicking in react
Javascript React
0 vote400 views1 answer
Search for country name from api with react
Javascript React
5 votes377 views1 answer
React native import svg image
Javascript React