Как получить результат от каждой функции внутри функции карты в функциональном программировании / ReactJS?

Question

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

Код

 customerList = customerList .map(
        (customer) =>
          (result = getCustomerAddress(customer.id)),
          customer.city = result.city,
          customer.state = result.state
      );

Это не работает. В нем говорится, что заказчик не определен. Я знаю, что это проблема синтаксиса. Я не знаком с функциональным стилем программирования. Я пытаюсь просто вызвать getCustomerAddress для каждого идентификатора, а затем передать значения адреса каждому клиенту.

Answer 1

Нет объявления переменной result. Вы можете использовать деструктуризацию для извлечения city и state из функции getCustomerAddress, а затем вернуть новый объект, используя существующие свойства customer вместе с city и state:

customerList = customerList.map(customer => {
  const { city, state } = getCustomerAddress(customer.id);
  return { ...customer, city, state };
});

Если вы по-прежнему получаете ошибку customer undefined, убедитесь, что массив customerList правильно заполнен данными клиента.