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 vote273 views1 answer
Horizontal scrollview in react js
Javascript React
15 votes233 views5 answers
Usestate react hook
Javascript React
0 vote252 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
4 votes232 views2 answers
Materialize for react
Javascript React
17 votes296 views4 answers
React native geolocation
Javascript React
0 vote264 views1 answer
React-map-multidimensional-array
Javascript React
0 vote246 views1 answer
React $ r component instance console
Javascript React
0 vote239 views2 answers
React 17 hot reload not working
Javascript React
0 vote250 views1 answer
React js child css
Javascript React
1 vote249 views1 answer
How to check if url has hash in react
Javascript React