Зачем попусту шутить над этим компонентом?

Question

Входной компонент должен иметь свойство "name". Но Jest проходит проверку. В этом нет смысла. Как это исправить?

class Input extends React.Component<
  {
    errorMassage: string;
    label: string;
    name: string;
    value: number | string;
    type: "text" | "number" | "price";
    onFocus: () => void;
    onChange: (name?: string, e?: MouseEvent) => void;
    autoFocus: boolean;
  },
  {}
......

import React from "react";
import ReactDOM from "react-dom";
import Input from "../Input";

describe("<Input>", () => {
  it("renders without crashing", () => {
    const div = document.createElement("div");
    ReactDOM.render(<Input />, div);
  });
});

Answer 1

Я думаю, что вам нужно указать реквизиты как type InputProps = {...}, а затем установить компонент React как этот тип, например React.Component<InputProps>

Кроме того, я думаю, что он проходит, поскольку этот тест-шутка буквально проверяет, рендерит на страницу. Не то, правильно ли он отображается. Кроме того, есть ли у вас какие-либо свойства по умолчанию, которые могут основываться на?