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 vote395 views1 answer
How to use radio buttons in react class-based components
Javascript React
0 vote365 views1 answer
On close tab react native web
Javascript React
18 votes345 views6 answers
Import svg as react component
Javascript React
3 votes343 views1 answer
React js image path src from local folder
Javascript React
1 vote373 views1 answer
Fontawsome icon size react element
Javascript React
0 vote483 views1 answer
How to prevent clickjacking in react js
Javascript React
-1 vote345 views8 answers
React native
Javascript React
0 vote363 views3 answers
React js require pasword to have special charaacter
Javascript React
0 vote369 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote345 views2 answers
Date format in react js
Javascript React