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 vote240 views1 answer
React array if id is present do not add element
Javascript React
0 vote233 views1 answer
Making font weight bold by passing value in React.js
Javascript React
18 votes328 views3 answers
How to setup tailwind for reactjs
Javascript React
0 vote253 views1 answer
React router dom return undefined
Javascript React
0 vote236 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote222 views1 answer
OnClick={ (window.open react js
Javascript React
0 vote250 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
1 vote237 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote216 views1 answer
React app link description preview
Javascript React
0 vote224 views1 answer
Clear input field react-hook-form
Javascript React