Как перевести элементы списка из api в исходное состояние по умолчанию в redux?

#reactjs #redux

Вопрос:

У меня есть вопрос и проблема, касающиеся перевода данных списка api в исходное состояние по умолчанию, которое я вручную создал внутри среза. Я использую react js и инструментарий redux для управления состоянием. Я надеюсь, ребята, что это прояснилось для вас.

Начальное Состояние:

 initialDefaultReceiveChecks:{
        data:[
            {
                'customer_payor': null,
                'bank': null,
                'bank_branch': null,
                'check_no': null,
                'check_date': null,
                'amount': null,
                'remarks': null,
            },
            {
                'customer_payor': null,
                'bank': null,
                'bank_branch': null,
                'check_no': null,
                'check_date': null,
                'amount': null,
                'remarks': null,
            },
            {
                'customer_payor': null,
                'bank': null,
                'bank_branch': null,
                'check_no': null,
                'check_date': null,
                'amount': null,
                'remarks': null,
            },
            {
                'customer_payor': null,
                'bank': null,
                'bank_branch': null,
                'check_no': null,
                'check_date': null,
                'amount': null,
                'remarks': null,
            },
            {
                'customer_payor': null,
                'bank': null,
                'bank_branch': null,
                'check_no': null,
                'check_date': null,
                'amount': null,
                'remarks': null,
            }
        ]
    }
 

Список банков: Этот список банков уже отправлен.

Список Банков

Проблема: Как вы можете видеть, у меня начальное состояние initialDefaultReceiveChecks. Внутри данных есть банк null, поэтому мой вопрос, как я могу продвинуть свой список банков этого объекта?.

Выход будет:

 initialDefaultReceiveChecks: {
  data: [
    {
      'customer_payor': null,
      'bank': list of banks to be here
      'bank_branch': null,
      'check_no': null,
      'check_date': null,
      'amount': null,
      'remarks': null,
    },
    ...
  ]
}
 

Комментарии:

1. Вы имеете в виду что-то другое, кроме отправки действия с новыми bank данными в качестве полезной нагрузки?

2. Вам нужно иметь какой-то уникальный идентификатор для каждой начальной и входящей записи, чтобы сопоставить их друг с другом. Возможно ли это? И в любом случае… могу я спросить, зачем вам нужен список пустых предметов в исходном состоянии?

3. что я имею в виду в своем вопросе. да , у меня есть 5 начальных состояний, созданных вручную, но если эффект использования обнаружит, что в банке списков есть значение. тогда этот первоначальный государственный банк заменит все банки из списка.

4. @gazdagergo они хотят иметь 5 строк таблицы по умолчанию, вот почему я создал 5 данных по умолчанию.

Ответ №1:

Попробуйте это:

 let initialObj =  {...this.state.initialDefaultReceiveChecks};
let arr = initialObj.data.map(ele=>ele.bank =list_banks.data;
initialObj.data= arr ; 
{...state,
initialDefaultReceiveChecks:initialObj}