estoy empezando con React y estoy haciendo una SPA de prueba. Estoy usando para maquetar materialize css y tengo en algunos componentes un event listener (por ejemplo para un modal que contiene un formulario). El problema que estoy teniendo es que, si no refresco la página, el event listener no surge efecto (no puedo cambiar entre rutas de la SPA sin que el addEventListener deje de funcionar).Dejo por aquí el componentDidMount del componente:
import React, { Component } from "react";
import M from "materialize-css/dist/js/materialize.min.js";
import { connect } from "react-redux";
class UserForm extends Component {
componentDidMount() {
// despues de cerrar el modal usa la función resetFormInputs
document.addEventListener("DOMContentLoaded", () => {
var elems = document.querySelectorAll(".modal");
M.Modal.init(elems, {
onCloseEnd: this.resetFormInputs,
});
});
}
...