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 vote320 views1 answer
Make image circle css react
Javascript React
0 vote334 views1 answer
React replace all line breaks with br
Javascript React
3 votes341 views1 answer
React.children.only expected to receive a single react element child
Javascript React
7 votes317 views2 answers
Pass props in react
Javascript React
0 vote315 views1 answer
Export variables react
Javascript React
0 vote383 views1 answer
Require cycle disable warning react native
Javascript React
0 vote360 views1 answer
React roter dom npm
Javascript React
31 votes322 views3 answers
React mui icons
Javascript React
2 votes340 views1 answer
Dot env react native
Javascript React
7 votes278 views4 answers
React router link
Javascript React