Почему в структуре объекта для ожидаемых реквизитов в этом компоненте реакции машинописного текста есть точка с запятой?

Посмотрите этот пример кода, который я видел:

import * as React from 'react';

const Count: React.FunctionComponent<{
  count: number; // this is the line that confuses me
}> = (props) => {
  return <h1>{props.count}</h1>;
};

export default Count;

Эта структура объекта определяет ожидаемые реквизиты, но с каких это пор синтаксически правильно использовать точку с запятой после пар k-v в объекте? Должно быть, это синтаксис Typescript, с которым я не знаком, но я не уверен, как он называется.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
0
198
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это эквивалент определения интерфейса, только без имени, поэтому следует синтаксису показано здесь:

interface CountInterface {
    count: number;
}

На самом деле это не пара ключ-значение, это скорее пара типа ключа. Из-за того, как должен работать машинописный текст, это означает, что это набор операторов (оканчивающихся точкой с запятой), и хотя он выглядит как литерал объекта, это не так.

Итак, да, это «машинопись», которая позволяет выполнять проверку типов.

Другие вопросы по теме