Abro una aplicación web React como esta en mi archivo index.js:

 ReactDOM.render( <React.Fragment> <Review pplNum={num} /> </React.Fragment>, document.getElementById('root') )

Luego quiero que el usuario pueda cerrarlo, pero el botón de cerrar no funciona.

Aquí está el componente de revisión:

 import React, { useEffect } from "react"; import axios from 'axios'; const Review = ({ pplNum }) => { axios.put('/books/reviews/' + pplNum) .then(res => console.log(res.data)); return ( <div> <div>Thank you for the review</div> <div><a href="javascript:window.close">Click here to close</a> this window</div> </div> ); } export default Review;

Cuando hago clic para cerrar, no pasa nada.

¿Hay algo que no estoy haciendo correctamente?

¡Gracias!