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 vote204 views1 answer
React native create text file
Javascript React
0 vote122 views1 answer
React-timeago npm
Javascript React
4 votes134 views1 answer
React native scrollview horizontal
Javascript React
5 votes113 views1 answer
Wrap text react native
Javascript React
0 vote127 views3 answers
Add if condition in map react
Javascript React
1 vote116 views1 answer
Commit in react
Javascript React
5 votes129 views1 answer
React native text wrap
Javascript React
0 vote127 views1 answer
Jason rpc reactjs
Javascript React
0 vote121 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
0 vote121 views1 answer
React useState vs variable
Javascript React