Si hago clic en el remitente 'haq', ¿cómo puedo redirigir a la página de mensajes y autocompletar 'haq' en el cuadro de texto del nombre de usuario? 
Mi código con el href está a continuación:
return ( <html className="u"> <div className="form-container"> <h1 className="message-text">Inbox</h1> <table className="table-box"> <tr> <th>Sender </th> <th>Message</th> </tr> {messageList.map((val,key) => { return ( <tr> <a href = {"http://localhost:3000" + "/Message"}><td>{val.Sender}</td> </a> <td>{val.Message}</td> </tr> ); })} </table> </div> </html> );}
Tienes que obtener el valor del mensaje de parámetro ( Cómo hacerlo ). Luego, después de obtener el valor, asígnelo al cuadro de texto.
Ejemplo:
// Get value of parameter in URL let example_url = "http://www.example.com/message=helloWorld"; // window.location.href let url = new URL(example_url); let message = url.searchParams.get("message") // Assign value to textbox document.getElementById("textbox").value = message;