Отсутствует тип возвращаемого значения в array.map

Question

Я получил предупреждение Eslint в следующем коде TypeScript:

«Отсутствует тип возвращаемого значения в function.eslint (@ typescript-eslint /licit-function-return-type)» Предупреждение указывает на лямбду в функции карты.

private headerSelectionChanged(event): void {
    const { checked } = event.syntheticEvent.target;
    const newGridData = this.props.gridData.map(item => Object.assign(item, { selected: checked }));
    this.updateGridData(newGridData);
}

Что не так? Как я могу это исправить?

Answer 1

Предупреждение появляется, потому что ваша функция отображения не указывает тип возврата.Вы должны указать тип возвращаемого значения следующим образом:

const newGridData = this.props.gridData.map((item): any => Object.assign(item, { selected: checked }));

Имейте в виду, что Object.assign изменяет цель вместо ее копирования.Если вы не хотите, чтобы this.props.gridData был изменен, вы должны поменять местами item и { selected: checked }

const newGridData = this.props.gridData.map((item): any => Object.assign({ selected: checked }, item));

или использовать более новый оператор распространения объекта , если доступен:

const newGridData = this.props.gridData.map((item): any => ({ ...item, selected: checked }));

Answer 2

попробуйте добавить такие типы, как:

private headerSelectionChanged(event: any): void {
const { checked } = event.syntheticEvent.target;
const newGridData = this.props.gridData.map((item: any) => Object.assign(item, { selected: checked }));
this.updateGridData(newGridData);

}