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 vote197 views2 answers
React social login buttons
Javascript React
1 vote198 views1 answer
React native textinput no keyboard
Javascript React
0 vote198 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote220 views2 answers
Remove state from location on page load in react router dom
Javascript React
0 vote208 views1 answer
Displaying the date react
Javascript React
0 vote198 views1 answer
How to create module in react
Javascript React
0 vote194 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
-1 vote198 views2 answers
Toggle on button click in react js functional component
Javascript React
0 vote206 views1 answer
Stateprovider.js react
Javascript React
11 votes219 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React