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

36 votes139 views2 answers
Ref hook in react
Javascript React
0 vote142 views1 answer
React native webview disable touch
Javascript React
1 vote130 views2 answers
What is reactive method
Javascript React
0 vote147 views1 answer
How to change grid size with conditional expression in react
Javascript React
0 vote142 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote133 views1 answer
React i18n outside component
Javascript React
1 vote139 views2 answers
Upload image react
Javascript React
1 vote153 views1 answer
React redux not updating
Javascript React
11 votes146 views2 answers
React router refreshes page
Javascript React
30 votes152 views5 answers
Use effect react
Javascript React