multiple-input-hook.js

export default function App() {
	const useFormInput = initialValue => {
		const [value, setValue] = useState(initialValue);
		const handleChange = event => setValue(event.target.value);
		return { value: value, onChange: handleChange };
	};

	const name = useFormInput('');
	const password = useFormInput('');

	return (
		<form>
			<input type='text' placeholder='name...' {...name} />
			<input type='password' placeholder='password' {...password} />
			<input type='submit' value='Add User' />
		</form>
	);
}