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 vote154 views1 answer
React check if browser is in dark mode
Javascript React
0 vote147 views1 answer
Reactjs change fill color .svg
Javascript React
0 vote150 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
0 vote146 views1 answer
Fullcalendar edit event modal react
Javascript React
0 vote143 views1 answer
Preventdefault not working react
Javascript React
7 votes165 views2 answers
React native password input
Javascript React
1 vote142 views1 answer
React native linking email
Javascript React
1 vote135 views1 answer
Concatenating variables and strings in React
Javascript React
0 vote176 views1 answer
How to change the choose file button text in react
Javascript React
38 votes160 views2 answers
How to comment out code in react js
Javascript React