Hola, estoy practicando una lista de contactos en React. El problema al que me enfrento. No puedo pasar accesorios en el enrutador de reacción con la ruta. Funciona bien, pero cuando trato de renderizarlo a través del enrutador de React, no obtuve nada.
function App(){ const[contactdata,setcontactdata]=useState(GetLocaldata()); return ( <div className="ui container App"> {/* <Header/> <AddContact AddChangeHandler={AddChangeHandler} /> <Contactlists Contact={contactdata} deletehandler={deletehandler} /> */} <Router> <Header/> <Routes> <Route path="/" render= {(props)=><Contactlists {...props} Contact={contactdata} deletehandler={deletehandler} /> } /> <Route path="/add" render= {(props)=><AddContact {...props} AddChangeHandler={AddChangeHandler}/>} /> <Route path="/de" element={<ContactDetail/>} /> </Routes> </Router> </div> ); }En versiones anteriores de react-router-dom , tendrías que usar el componente render prop de Route para pasar props porque React router dom estaba a cargo de crear el elemento React. Sin embargo, dado que RRDv6 (que supongo que es la versión que está utilizando), solo necesita pasar los accesorios como lo haría normalmente:
<Route path="/your-path" element={<YourComponent someProp={someProp} />} />Avísame si eso te ayuda.