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
Center child components in react
Javascript React
0 vote221 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React
19 votes220 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote217 views1 answer
React bootstrap font awesome icons
Javascript React
0 vote203 views1 answer
How to link a photo in expo react native
Javascript React
68 votes289 views3 answers
React add inline styles in react
Javascript React
0 vote204 views1 answer
Button react native style
Javascript React
1 vote201 views1 answer
Npx: Create react chrome extension
Javascript React
25 votes225 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote212 views1 answer
One component overlapping on other in react.js app
Javascript React