2

Есть функция:

import { Dispatch, SetStateAction } from 'react';

function setFieldError<T>(setState: Dispatch<SetStateAction<T>>, fieldName: keyof T, value: T[ keyof T ][ "error" ])
{
    setState((prevState) => (
        {
            ...prevState,
            [ fieldName ]:
            {
                ...prevState[ fieldName ],
                error: value
            }
        }
    ));
}

export default setFieldError;

Я получаю ошибку:

Тип ""error"" не может использоваться для индексации типа "T[keyof T]". ts(2536)

Как ее использовать

Есть стэйт:

interface IFieldsState
{
    field1: { value: string; error: boolean; };
    field2: { value: string; error: boolean; };
    field3: { value: string; error: boolean; };
    field4: { value: string; error: boolean; };
    field5: { value: string; error: boolean; };
    field6: { value: string; error: boolean; };
}

const initFieldsState: IFieldsState =
{
    field1: { value: "", error: false },
    field2: { value: "", error: false },
    field3: { value: "", error: false },
    field4: { value: "", error: false },
    field5: { value: "", error: false },
    field6: { value: "", error: false }
};

// ...

const [ fields, setFields ] = useState<IFieldsState>(initFieldsState);

Как я применяю функцию:

setFieldError(setFields, "field1", false);
1
  • 1
    сейчас нет ограничений на T - поэтому ты можешь передать тип у которого не будет этого поля, поэтому и ошибка
    – Grundy
    22 ноя 2022 в 7:49

1 ответ 1

1
function setFieldError<T extends { [fieldName: string]: { error: boolean } }>(
  setState: Dispatch<SetStateAction<T>>,
  fieldName: keyof T,
  value: T[keyof T]['error'],
) {
  setState((prevState) => ({
    ...prevState,
    [fieldName]: {
      ...prevState[fieldName],
      error: value,
    },
  }));
}

export default setFieldError;
3
  • Все бы конечно хорошо.. Если бы не одно но, error не везде будет boolean, именно поэтому мне необходимо было правильно типизировать ожидаемый value. 23 ноя 2022 в 8:42
  • Ну сделайте T extends { [fieldName: string]: { error: any } }. Вам нужно победить Тип ""error"" не может использоваться для индексации типа "T[keyof T]". ts(2536) или еще что-то? 23 ноя 2022 в 10:20
  • Если я поставлю Any, разве оно не будет игнорировать тип у определенного поля? 23 ноя 2022 в 10:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.