Necesito crear diferentes rutas en React admin, todas basadas en el mismo punto final pero con un filtro diferente. Mi necesidad es que necesito una entrada de menú para mostrar todas las propiedades con estado = aprobado, todas las propiedades con estado = revisión, etc. Intenté hacer esto:
export default function App() { return ( <Admin loginPage={CustomLoginPage} dataProvider={dataProvider} authProvider={authProvider} > <Resource name="properties" options={{ label: 'Properties in review' }} icon={UserIcon} list={PropertyReviewList} show={PropertyShow} edit={PropertyEdit} /> <Resource name="properties" options={{ label: 'Properties Approved' }} icon={UserIcon} list={PropertyApprovedList} show={PropertyShow} edit={PropertyEdit} /> </Admin> ); }pero esto no funciona ya que solo se muestra la última propiedad definida. ¿Cuál es la mejor manera de lograr lo que estoy tratando de lograr?
Si lo entendí correctamente, necesita un componente que muestre diferentes datos dependiendo de alguna parte del enlace que pueda cambiar.
Esto se puede lograr usando parámetros de consulta. Aquí hay un ejemplo de código interactivo de los documentos del enrutador de reacción que hace lo que necesita: https://v5.reactrouter.com/web/example/query-parameters
Por lo tanto, tendrá un enlace para su página como "/properties?status=review", donde el estado es el parámetro de consulta. Lo verificas en tu componente para mostrar datos dependiendo de su valor
estado = aprobado, todas las propiedades con estado = revisión
Introduzca estas propiedades en la consulta. Ejemplo:
axios.get("/api/...?status=approved") axios.get("/api/...?status=review")Realiza estas llamadas de API donde las necesites. Puede tener un solo controlador en el backend para manejar ambas solicitudes.