import React, { useState } from "react";
const useInput = (initalValue) => {
const [value, setValue] = useState(initalValue)
const onChange = (e) => {
const { target : { value }
} = e;
setValue(value)
}
return { value, onChange }
}
const App = () => {
const name = useInput("Mrs.")
const email = useInput("@")
return (
<div className="App">
<h1>hello</h1>
<input placeholder = "Name" {...name} />
<input placeholder = "Email" {...email} />
</div>
);
};
export default App;