Ожидается, что будет возвращено значение в конце функции стрелки array-callback-return

Question

В моем коде есть предупреждение об ошибке Expected to return a value at the end of arrow function array-callback-return

Вот код

return (
      <div className={cx('houseMap')}>
        {templateProperties.template.map(({ component, field, children }, idx) => {
          if (properties[field.toLowerCase()]) {
            return this.buildComponent(idx, component, field, children)
          }
        })}
      </div>
    )
  }
}

Как я могу реорганизовать этот код, чтобы избавиться от предупреждения?

Answer 1

У вас есть путь кода, который не возвращает значение.Вам необходимо предоставить какой-то возврат:

return (
      <div className={cx('houseMap')}>
        {templateProperties.template.map(({ component, field, children }, idx) => {
          if (properties[field.toLowerCase()]) {
            return this.buildComponent(idx, component, field, children)
          }
          return "SOMETHING in case if arg is true"
        })}
      </div>
    )
  }
}

По сути, это правило гласит, что все пути кода должны явно возвращать некоторое значение.