Какой тип я должен указать для реагирующих компонентов?

Question

Довольно простой вопрос. Я пришел из Qt / C ++ фона, и поэтому я считаю хорошей практикой быть явной, поэтому

protected sanityCheck() : void { ... } // Smart and beautiful
protected sanityCheck() { ... }        // Stupid and always wrong

Хорошо, как мне быть явным с этим:

protected toFoobar() : ?????
{
        return ( <h1> foobar </h1> );
}

Когда я проверил документацию, она ничего не говорит. Когда я проверил typeof, он просто сказал объект.

Это был бы ответ, или я мог бы даже быть более конкретным?

Спасибо.

Answer 1

Правильный тип будет JSX.Element. это то, к чему всегда относится синтаксис JSX. Если вы используете React, JSX.Element - это просто ссылка на тип React.Element<any, any>.

Answer 2

React предоставляет тип для функциональных компонентов в React. Вы можете сделать это так:

const toFoobar: React.FunctionComponent<IFoobar> = ({propsType}) => ();

это новое в React до того, как оно появилось React.SFC

Надеюсь, это поможет