0

Tengo una lista de mensajes y estoy tratando de obtener algún enlace de ese mensaje si existe allí (y almacenarlo en studentlink const), esto sucederá en un detector de eventos. getElemenBy etiqueta e identificación y el nombre no funcionan, ¡no sé por qué! ¿cual es tu idea? en el siguiente paso, necesito ejecutar ese enlace sin hacer clic, automáticamente, pero aún no encontré ningún método o solución, ¿cómo es posible?

 import React from "react"; import { connect } from "react-redux"; import reactDom from "react-dom"; function MessageList(props) { const handleLoad = (e) => { if (listItems !== "") { let studentlink = document.getElementById("myAnchor").href; window.location.href = studentlink; alert(`${studentlink}`); } else { console.log(window.location.href); } }; React.useEffect(() => { window.addEventListener("load", handleLoad); // cleanup this component return () => { window.removeEventListener("load", handleLoad); }; }, []); const arr = props.studentmessage; const listItems = arr.map((message, index) => ( <li key={index} id="myAnchor"> {message} </li> )); return ( <section> <div className="commentbox"> <ul>{listItems}</ul> </div> </section> ); } const mapStatetoprops = (state) => { return { studentmessage: state.message, }; }; export default connect(mapStatetoprops)(MessageList);