Subjects

All subjects Django Java Python React Spring Boot JavaScript PHP
Sign Up Free
Question 5 of 6 · Advanced React Patterns
Interview question

What is Custom Hook pattern? Custom Hook pattern क्या है?

Answer
// Custom Hook - reusable logic
function useForm(initialValues, onSubmit) {
  const [values, setValues] = React.useState(initialValues);
  
  const handleChange = (e) => {
    setValues({ ...values, [e.target.name]: e.target.value });
  };
  
  const handleSubmit = (e) => {
    e.preventDefault();
    onSubmit(values);
  };
  
  return { values, handleChange, handleSubmit };
}

// Usage
function LoginForm() {
  const form = useForm({ email: '', password: '' }, (values) => {
    console.log('Login:', values);
  });
  
  return <form onSubmit={form.handleSubmit}>...</form>;
}
Custom hooks से reusable logic बना सकते हैं।

Was this answer clear?