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 vote184 views1 answer
React-bootstrap problem-install new version
Javascript React
0 vote207 views1 answer
Fcctest cdn reactjs setup
Javascript React
3 votes214 views3 answers
Multiple styles in react native
Javascript React
0 vote212 views1 answer
Disable enter on input field react
Javascript React
0 vote139 views1 answer
Integrate my own google pay using react js
Javascript React
0 vote276 views1 answer
This.props undefined react native
Javascript React
16 votes229 views2 answers
Where to put background images in react app
Javascript React
13 votes237 views10 answers
React navigation
Javascript React
1 vote184 views1 answer
What is react reveal
Javascript React
23 votes218 views2 answers
Create-react-app npm yarn
Javascript React