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

2 votes324 views3 answers
React cdn
Javascript React
0 vote320 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
157 votes522 views6 answers
Create new react app
Javascript React
0 vote330 views3 answers
React animation
Javascript React
0 vote341 views1 answer
Align left text in reactstrap
Javascript React
0 vote360 views1 answer
Search nested array in react javascript
Javascript React
0 vote325 views2 answers
React native elements datepicker
Javascript React
5 votes321 views2 answers
Onclick multiple functions react
Javascript React
78 votes320 views6 answers
React router redirect
Javascript React
0 vote320 views1 answer
Link tag react
Javascript React