Soy bastante nuevo en TypeScript y he estado luchando con esto por un tiempo.
Me gustaría pasar rutas a un componente como accesorio, pero no sé cómo escribirlo, así que sigo recibiendo TypeErrors de TypeScript.
ParentComponent (donde paso las rutas):
import { ChildComponent } from '../components'; export const ParentComponent = () => ( <div> ... <ChildComponent to={"/page_one"}>text</ChildComponent> <ChildComponent to={"/page_two"}>text</ChildComponent> <ChildComponent to={"/page_three"}>text</ChildComponent> ... </div> )Y luego mi componente hijo se ve así:
import { Link } from 'react-router-dom'; interface ChildProps { children: React.ReactNode to?: React.LocationDescriptor<any> } export const ChildComponent = ({children, to}): ChildProps => { ... <Link to={to}/> {children} ... }Sigo recibiendo el error: "... no se puede asignar para escribir 'LocationDescriptor | ((ubicación: Ubicación) => LocationDescriptor)'".
He intentado varias formas de escribirlo y he buscado, pero no pude encontrar ninguna solución que me funcionara.
Entonces, ¿cuál es la forma correcta de escribir el accesorio 'a'?
Por lo que sé, mantener el tipo como cadena resolvería el problema
type Props = { to: string; };También elimine el signo de interrogación para asegurarse de que siempre se pase el valor. Por alguna razón, si el valor que puede obtener puede no estar definido, agregue una verificación o un valor predeterminado.
Espero que esto responda a su consulta.