тоже может не работать ?)
Я попробовал даже все компоненты обернуть в мемо и просто в areEqual всегда тру передавать, все равно все перерисовывается
можно определить причину ре-рендера компоненты, делая сравнивание объектов функция для сравнения объектов import _ from 'lodash'; /** * Deep diff between two object, using lodash * @param {Object} object Object compared * @param {Object} base Object to compare with * @return {Object} Return a new object who represent the diff */ export function difference(object: any, base: any) { function changes(object_: any, base_: any) { return _.transform(object_, function (result: any, value: any, key: string) { if (!_.isEqual(value, base_[key])) { result[key] = _.isObject(value) && _.isObject(base[key]) ? changes(value, base[key]) : value; } }); } return changes(object, base); } и в мемо пишем export default React.memo(Message, (prev, next) => { const equal = _.isEqual(prev, next); if (!equal) { console.log(difference(prev, next)); } return equal; });
Обсуждают сегодня