¿Actualicé mi matriz original para convertirla en una plantilla reactiva para la lista de matrices de mis estudiantes con la selección de nombre en JS? cuando selecciono el botón por primera vez, aparece el valor correcto del filtro, pero si hago clic en el segundo botón iterativo, muestra []. ¿Qué pasa con mi código?

 handlechange(event) { const value = event.target.value; this.students = this.students.filter(e=>e.name.startsWith(value)); } <table className="table table-bordered"> <tr> <th>ID</th> <th>Name</th> <th>Email</th> </tr> {students.map((student, index) => ( <tr data-index={index}> <td>{student.id}</td> <td>{student.name}</td> <td>{student.email}</td> </tr> ))} <button onclick={this.handlechange(student.name)}>click </button> </table>