Применение хоков в рендер методе

Всем привет. Я тут перечитывал документауию реакта и нашел там кое-что интересное, касательно использования хоков в рендер методах компонентов. И тут я вспомнил, что у меня есть как раз такой) В общем, можете, пожалуйста, объяснить есть ли тут ошибка и как ее, если что, решить.

Тут я использую хоки для дополнительной кастомизации компоненты. В AppRouter я передаю массив объектов-путей с различными настройками. И вот в зависимости от этих настроек применяю хоки. В общем, насколько так вообще правильно делать?

const AppRouter = ({routes, redirectPath = '/', fallbackElement}) => {
const getRoute = (path, exact, component) => <Route key={path} exact={exact} path={path} component={component}/>;

return (
    <Switch>
        {routes.map(route => {
            let component = route.Component;

            if (route.lazyLoading) component = withSuspense(component, fallbackElement);
            if (route.withAuth) component = withAuthRedirect(component);

            return getRoute(route.path, route.exact, component);
        })}

        <Redirect to={redirectPath}/>
    </Switch>
);};

https://i.stack.imgur.com/lI4oA.jpg


Ответы (0 шт):