Estoy trabajando en una aplicación de lista de tareas pendientes (React.js) e intento utilizar la función preventDefault. Agregué un atributo onSubmit a mi elemento de formulario y quiero que muestre una alerta cuando se haga clic en el botón Agregar. El problema es que no parece funcionar, aquí está mi código

 function Form (props) { function handleSubmit(e) { e.preventDefault(); alert('Added') } return ( <form onSubmit={handleSubmit}> <h2 className="label-wrapper"> <label htmlFor="new-todo-input" className="label-lg"> What needs to be done? </label> </h2> <input type="text" id="new-todo-input" className="input input-lg" name="text" autoComplete="off" ></input> <button type="submit" className="btn btn-primary btn__lg"> Add </button> </form> ) } export default Form;