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 vote131 views1 answer
React conditional if localhost
Javascript React
0 vote107 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
0 vote157 views1 answer
How set default value for react-select
Javascript React
0 vote125 views1 answer
React-scripts test single file
Javascript React
-2 votes104 views1 answer
How to get country code in react native
Javascript React
1 vote104 views1 answer
For loop value index react
Javascript React
1 vote110 views1 answer
React best way of forcing component to update
Javascript React
0 vote113 views1 answer
React native communicate with webview
Javascript React
25 votes105 views3 answers
Setting a background Image With React Inline Styles
Javascript React
151 votes269 views6 answers
Install react js
Javascript React