How do I prevent default behavior in React?

How do I prevent default behavior in React?

In React, you can prevent default behavior by using the event.preventDefault() method in your event handler.

Can you show me an example of that?

Sure! Here's a simple example:

function handleSubmit(event) {
    event.preventDefault();
    // Your submit logic here
}

<form onSubmit={handleSubmit}>
    <button type="submit">Submit</button>
</form>

What if I want to prevent default behavior for a link?

You can do that similarly by using event.preventDefault() in the click handler for the link:

function handleClick(event) {
    event.preventDefault();
    // Your link logic here
}

<a href="#" onClick={handleClick}>Click me</a>