ререндера.
У меня есть основной
<PrivateRoute
path="/:dashboardType/dashboard/t/:teamId"
component={withAppLayout(Dashboard, t('HEADER_DASHBOARD'))}
/>
PrivateRoute - обертка над роутом, которая проверяет можешь ли ты ходить на приватную страницу или нет
В свою очередь внутри компонента Dasboard есть еще 1 <Switch />
<PrivateRoute
path="/:dashboardType/dashboard/users/t/:teamId"
component={() => (
<UsersList
isLoading={usersListIsLoading}
isError={usersListIsError}
updateFilter={handleUpdateSearchFilter}
filter={usersListFilter}
users={users}
/>
)}
/>
Внутри компоненты UsersList у меня есть серч инпут фокус которого теряется после ререндера страницы, я посмотрел доку и там написано, что это случается потому что у меня <UsersList /> рендерится через анонимную функцию, но я не нашел примера где передают в компоннет столько пропсов и функций, как мне можно решить эту проблему?
вынести UsersList в контейнер - обертку, в котором ты будешь передавать пропсы, а в component будешь передавать в виде component={Container}
а как насчет добавить для инпута че то типа: componentDidMount(){ this.inputName.focus(); }
Окей, сейчас попробую спасибо за идею!
Обсуждают сегодня