Tengo un problema con react-router-dom y Prompt. El problema es Prompt' (imported as 'Prompt') no se encontró. ¿Ha cambiado algo en las nuevas versiones?
Aquí está mi código:
import React from 'react'; import '../styles/ContactPage.css'; import { Prompt } from 'react-router-dom'; class ContactPage extends React.Component { state = { value: '' } handleSubmit = e => { e.preventDefault(); this.setState({ value: '', }) } handleChange = e => { this.setState({ value: e.target.value, }) } render() { return ( <div className='contact'> <form> <h3>Send a form</h3> <textarea value={this.state.value} onChange={this.handleChange} placeholder='write something'></textarea> <button onSubmit={this.handleSubmit}>Send</button> </form> <Prompt when={true} message={"You did not end your form. Are you sure you want to change a page? All data will be lost"} /> </div> ); } } export default ContactPage;La documentación tiene una guía para actualizar de v5 a v6 que dice:
<Prompt>no es compatible actualmente
<Prompt>de v5 (junto conusePromptyuseBlockerde las versiones beta de v6) no están incluidos en la versión actual de v6. Decidimos que preferimos enviar con lo que tenemos que tomar aún más tiempo para concretar una función que no está completamente horneada. Trabajaremos absolutamente para volver a agregar esto a v6 en algún momento en el futuro cercano, pero no para nuestra primera versión estable de 6.x.
Cíñete a v5 si quieres usarlo.