Блог

Я хочу понять, как организованы мои lt;Resource /gt; компоненты в моем проекте. Таким образом, мой App.jsx файл не будет раздут большим количеством кода.

Например, допустим, у меня есть такой lt;EmployeeResource /gt; компонент, как этот:

 // ./resources/Employee.jsx  import React from "react"; import { Resource } from "react-admin";  const EmployeeResource = (props) =gt; lt;Resource {...props} name="employees" /gt;;  export default EmployeeResource;  

Теперь я хочу использовать его в своем lt;Admin /gt; компоненте вот так:

 // ./App.jsx  // other imports import EmployeeResource from "./resources/Employee";  const App = () =gt; (  lt;Admin  {...otherNecessaryProps}  gt;  lt;EmployeeResource /gt;  lt;/Admingt; );   

Даже если он зарегистрирован react-admin и я вижу его ссылку на боковой панели, его маршрут не работает. Если я нажму на пункт меню, я увижу страницу «Не найдена«, но если я перейду на /undefined нее в своем браузере, теперь я увижу ее содержимое.

Есть ли способ ПОМЕСТИТЬ много lt;Resource /gt; компонентов в одну подпапку?