How do I use hooks for event handling in React?

How do I use hooks for event handling in React?

You can use the useState hook to manage state and the useEffect hook for side effects. Would you like an example?

Yes, please provide an example of using useState for a button click.

Sure! Here's a simple example:

import React, { useState } from 'react';

function App() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}

This code increments the count each time the button is clicked.

What about handling form submissions?

For form submissions, you can use useState to manage form inputs and handle the submit event like this:

function Form() {
  const [inputValue, setInputValue] = useState('');

  const handleSubmit = (e) => {
    e.preventDefault();
    console.log(inputValue);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input 
        type="text" 
        value={inputValue} 
        onChange={(e) => setInputValue(e.target.value)} 
      />
      <button type="submit">Submit</button>
    </form>
  );
}

Thanks! This is really helpful.