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 vote180 views1 answer
React native call keep
Javascript React
0 vote165 views2 answers
Why we use react js
Javascript React
3 votes179 views1 answer
Force update react hooks
Javascript React
0 vote193 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote173 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
1 vote192 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote197 views1 answer
React props change
Javascript React
-1 vote186 views1 answer
Moment in react native
Javascript React
0 vote199 views1 answer
Border radius not working ios react native
Javascript React
0 vote176 views1 answer
Eslint version check in react
Javascript React