Почему не перерисовывается компонент?

Question

[xenonhammer]

Допустим есть коллекция объектов.

const mainData = {
            1: {
                title: 'подушка',
                price: 500
            },
           2: {
                title: 'матрешка',
                price: 520
            },
           3: {
                title: 'игрушка',
                price: 520
           }

//они выводятся и все хорошо.

sort(data){
      let suitableData = Object.values(data).sort((a,b) => a.price > b.price ? -1 : 1)
      return suitableData
}
let data;
      data = mainData
// когда меняю состояние то применяю сортировку (создаю новую коллекцию)
if(this.props.on ){
    data = this.sort(mainData)
}
{    
  Object.keys(data).map( (elem, i ) => { 
      return  <Item key={i} data={data[elem]} partners={partners} />   
  })   
 }

Смотрю в консоле и действительно в мап попадает уже сортированная коллекция, но на экране ничего не происходит. Захожу в компонент item а сюда попадают уже не сортированные объекты, а в прежнем виде.
Угу, я решил добавить метод который удаляет из сортированной коллекции компонент и знаете что?(внезапно) все перерисовалось уже с нужной сортировкой.

У Вас есть мысли почему такое может быть господа?

Comments

[Роман Александрович]

конечно есть. Вы скорее всего используете локальную переменную вместо state. поместите переменную в стейт и покажите весь компонент. Еще как вариант используйте хуки.

[xenonhammer]

Роман Александрович, да, вы абсолютно верно сказали. я использую локальную переменную. Потому что данные буду получать через аякс запрос на сервер. Я не понимаю можно ли гору изменяемых объектов хранить в стейтах, по этому не делал так

[Павел Диденко]

xenonhammer, нужно

[MifeeX]

xenonhammer, вы можете хранить "гору" объектов в стейте Redux. А так, согласен с комментом выше - нужно

[xenonhammer]

Роман Александрович, Павел Диденко, MifeeX, Друзья, вы были правы, загнав данные в state, я начал менять сортировку на странице, методом. Но вот как же в таком случае вернуть state в исходное состояние? Данные то уже поменяны, уверен, и вы задавались таким вопросом в свое время

[Павел Диденко]

xenonhammer, так же, как его изменял

[MifeeX]

xenonhammer, сделай функцию, которая при изменении сортировки будет очищать данные в стейте с помощью setState

[xenonhammer]

MifeeX, спасибо