Почему начальное значение хуков не может быть задано пустым объектом?

Question

[miliko mikoyan]

У меня есть этот setProd Hooks

export interface faceProduct {
  readonly title: string;
  readonly prodState: string;
  readonly shipping: string;
  readonly sold: string;
  readonly alt: string;
  readonly material: string;
  readonly location: string;
  readonly src: string[];
  readonly color: string[];
  readonly saiz: string[];
  readonly price: string;
}

export interface faceProductList extends faceProduct {
  readonly id: string;
  readonly to: string;
}

 const [prod, setProd] = useState<faceProductList>({});

Я хочу, чтобы начальные значения были пустым объектом. Но я получаю ошибку ..
Но если написать.

const [prod, setProd] = useState<faceProductList>(Object);

все работает с чем это связано.

Answer 1

[Антон Спирин]

с чем это связано

с тем же с чем и:

let s: string;

s = 182;

Исправить можно, например, так:

const [prod, setProd] = useState<FakeProductList | null>(null);

if (!prod) {

}

return (/* ... */);

Обратите внимание, что интерфейсы принято называть с большой буквы, а слово fake, пишется с буквой k.
Атрибут readonly - лишнее.

Comments

[miliko mikoyan]

Антон Спирин а что происходит если написать Вот так

const [prod, setProd] = useState<faceProductList>(Object);

почему всё работает?

[Антон Спирин]

miliko mikoyan, видимо, баг. Не надо использовать конструктор объекта в качестве начального состояния.

[miliko mikoyan]

Антон Спирин как я понимаю это не так Посмотри здесь Link

[Антон Спирин]

miliko mikoyan, ответы почитайте.
Пример:

useState<number>(() => 18);
useState<number>(() => 'string'); // TS2345: Argument of type '() => string' is not assignable to parameter of type 'number | (() => number)'.
useState<number>(Object); // Ошибка проигнорирована, как и в примере в вопросе

Думаю работает это по аналогии с примером ниже:
useState<number>(() => ({}) as any);

[miliko mikoyan]

Антон Спирин ok