Cuando envío el formulario, los datos deben mostrarse en otra página. Cómo puedo obtener los datos de la tienda redux en el componente funcional y mostrar la pantalla en la página He creado 2 componentes, uno es App.js y el otro es Showdata.js, cuando hago clic en Enviar, la página se redirige al componente Showdata.js luego se muestran los datos enviados.

 import {useEffect} from "react" import {useNavigate} from 'react-router-dom' import { Link } from "react-router-dom"; import { getContact } from "./action/contactAction"; import { connect} from 'react-redux'; // import Store from "./store/configure"; function Showdata(props){ const nav = useNavigate(); const onUnload=()=>{ nav("/"); } // useEffect(()=>{ // window.addEventListener("beforeunload",onUnload); // return()=>{ // window.removeEventListener("beforeunload",onUnload); // } // },[]) function createListIteams(){ return props.contacts.map((contacts)=>{ return<li> {contacts.firstname}</li> }); } return( <div> <ul> {createListIteams()} </ul> <h1> <button className="btn btn-primary" onClick={onUnload}><Link to='/'></Link>Home</button> </h1> </div> ) } const mapStateToProps=(state)=>{ // console.log(state) return{ contacts:state.formData } }; const mapDispatchToProps=(dispatch)=>{ return{ getContact: contact =>dispatch(getContact(contact)) } }; export default connect(mapStateToProps,mapDispatchToProps)(Showdata); // This is the Showdata.js File and I want to access the redux Store data and get that data and Display.