Бесконечный цикл (превышена максимальная глубина обновления)

У меня проблема с бесконечным циклом. Я новичок в React и Redux, но, возможно, мой подход неверен. В моем компоненте я вызываю такую ​​функцию диспетчеризации:

const mapDispatchToProps = (dispatch) => {
    return {
        setUserProfileData: (profileData) => {
            dispatch(setUserProfile(profileData.userById))
        },
        setUserPermissions:(userPermissionData)=>{
            dispatch(setUserApps(userPermissionData.getUserPermissions))
        },
        setCurrentUserPermissions:(currentUserPermissionData)=>{
            dispatch(setApplications(currentUserPermissionData.getUserApplication))
        }
    }
}

Затем я вызываю другой субкомпонент с помощью метода обратного вызова:

<UserPermissions 
  userId = {this.props.router.params.id}
  setUserPermissionCallback = {this.props.setUserPermissions}
  setCurrentUserPermissionCallBack = {this.props.setCurrentUserPermissions}/>

Данные отлично хранятся в redux, но когда я вызываю mapStateToProps, он создает бесконечный цикл для:

currentUserApps:state.applications.currentUserApps

const mapStateToProps = (state) => {
    return(
        {
              router :  state.router,
              currentUserApps:state.applications.currentUserApps
        }
    );
};

Может ли кто-нибудь объяснить, почему это происходит и как это решить?

Вам нужно будет показать больше кода. Также может помочь создать минимальный пример на codepen илиcodeandbox, демонстрирующий бесконечный цикл.

Ryan Cogswell 18.11.2018 15:58
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
1
136
0

Другие вопросы по теме